@charset "utf-8";
html,body{height:100%; padding:0px; margin:0px;min-width: 1200px;font:14px 微软雅黑;color:#444;}
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li {list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;border: 0; vertical-align: top;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}
dl,dt,dd{padding: 0;margin:0;}
i,em{font-style: normal;}

.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.w0{width: 100%;}
.w1200{width: 1200px;margin:0 auto;}
.w1224{width: 1224px;margin:0 auto;}
.bg1{background: #F5F5F5;padding-bottom: 20px}

/*header start*/
.header .head_top{padding-top: 20px;}
.header .logo{display: block;width: 980px;}
.header .head_tel{font-size: 16px;margin-top: 26px}
.header .head_tel span{display: inline-block;padding: 12px 0 0 10px;color: #999}
.header .head_tel p{font-size: 29px;display: block;margin-top: 5px;color: #EC0800;font-family: 'Times New Roman';}
.search{margin-top: 5px}
.search_form{width:782px;height:55px;margin:0 auto;}
.input_text{width:655px;height: 30px;border:2px solid #E23435;padding:0px;text-indent: 10px;outline: none;float:left;}
.input_sub{width:100px;height: 34px;line-height:34px;background: #E23435;border:0px;float:left;color:white;cursor:pointer;font-size: 16px}
.head_nav{height: 40px;line-height: 40px}
.head_nav .all_pro{position: relative;}
.head_nav .all_pro > a{display:block;width: 180px;padding-left: 30px;height: 40px;line-height: 40px;font-size: 16px;background: #333;color: #fff;}
.head_nav .all_pro > a > i{display: inline-block;width: 25px;height: 27px;vertical-align: text-bottom;margin-right: 10px;margin-bottom: -4px;background: url(../images/ico-tphsop-index.png) no-repeat 0 0;}
.pro_nav{position: absolute;top: 40px;z-index: 9999;background: #fff;height: 402px;width: 210px}
.pro_nav li.nLi{padding: 18px 20px;border-bottom: 1px solid #f1f1f1;height: 30px;line-height: 30px;}
.pro_nav .ico{float:left;width: 25px;height: 27px;margin-right: 15px;background-image: url("../images/ico-tphsop-index.png");background-repeat: no-repeat;}
.ico-nav-0{background-position: -25px 0;}
.ico-nav-1{background-position: -50px 0;}
.ico-nav-2{background-position: -75px 0;}
.ico-nav-3{background-position: -100px 0;}
.ico-nav-4{background-position: -125px 0;}
.ico-nav-5{background-position: -150px 0;}
.ico-nav-6{background-position: -175px 0;}
.ico-nav-7{background-position: -200px 0;}
.pro_nav li.nLi:hover > a{color: #e23435}
.pro_nav .sub{position: absolute;top: -1px;left: 209px;width: 130px;min-height: 400px;border: 1px solid #333;background: white;display: none;z-index: 998;padding: 50px 15px 0;}
.pro_nav .sub li a{line-height: 15px;font-size: 13px;font-weight: bold;display: block;padding-bottom: 20px}
.head_nav > ul{position: relative;height: 40px;padding-left: 15px;width: 999px;overflow: hidden;}
.head_nav > ul li{float: left;margin: 0 8px;}
.head_nav > ul li a{display: inline-block;padding: 0 4px;font-size: 16px;line-height: 38px;color: #333;border-bottom: 2px solid transparent;}
.head_nav > ul .selected a,.head_nav > ul > li:hover a{color: #e23435;border-bottom-color:#e23435;}
/*header end*/

/*banner start*/
.carousel{
    position: relative;
    height: 402px;
    width: 100%;
    overflow: hidden;
}
.carousel-inner{
    position: absolute;
    left: 0;
    top: 0;
    height: 402px;
    width: 100%;
}
.carousel-inner>.item{
    float: left;
    position: relative;
    height: 500px;
    width: 100%;
}
.carousel-inner .item-pic{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -402px;
    width: 1014px;
    height: 500px;
    overflow: hidden;
}
.carousel-inner .item-pic img{width: 100%;}
.pagination{
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index:6;
    width: 100%;
    text-align: center;
    padding-left: 105px;
}
.pagination-item{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 2px;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}
.pagination-item:hover{
    background-color: #fff;
}
.pagination-item.active{
    background-color: #fff;
}
.carousel-control{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    width: 40px;
    height: 80px;
    color: #fff;
    background-color:#000;
    background-image:url("../images/ico-arrow-banner.png");
    background-repeat: no-repeat;
    opacity: .2;
}
.carousel-control.left-btn{
    background-position: -2px 0;
    margin-left: -380px;
}
.carousel-control.right-btn{
    background-position: -42px 0;
    margin-left:550px;
}
.carousel .carousel-control:hover{
    opacity:.6;
}
.banner-right-box{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 412px;
    width: 200px;
    height: 440px;
    padding-top: 10px;
}
.banner-right-item{
    display: block;
    width: 200px;
    height: 210px;
    margin-bottom:10px;
    opacity: 0.7;
}
.banner-right-item:hover{
    opacity: 1;
}

/*adv start*/
.adv3 {padding-top: 20px;height: 180px;overflow: hidden;background: url("../images/bg-brand.jpg") no-repeat 0 20px;}
.adv3 .recommend-brand{float: left;width: 400px;margin-left: 6px;margin-top: 6px;overflow: hidden;background-color: #f5f5f5;}
.adv3 .recommend-brand img{width: 100%}
.adver_line{display: block;width: 1224px;height: 120px;margin: 20px auto 0;overflow: hidden;}
.adver_line img{width: 100%}
/*adv end*/

/*floor start*/
.ellipsis-1{overflow:hidden;white-space:nowrap;word-wrap:normal;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.floor-top{height: 35px;padding-top: 40px;}
.floor-title{float: left;width: 240px;height: 35px;font-weight: 500;font-size: 20px;color: #333;}
.floor-nav-list{float: left;width: 720px;height: 35px;margin-left: 4px;overflow: hidden;}
.floor-nav-item{float: left;height: 35px;padding:0 10px;font-size: 14px;color: #666;}
.floor-nav-item:hover{ color: #e23435;}
.nav-more-btn{float: right;font-size: 14px;color: #666;}
.nav-more-btn>i{font-family: consolas;margin: 0 10px;font-size: 20px;}
.nav-more-btn:hover{color:#e23435;}
.floor-main{ height: 538px;}
.floor-brand{float: left;width: 240px;min-height:1px;}
.floor-brand .brand-big{display: block;width: 240px;height: 385px;overflow: hidden;margin-bottom: 13px;}
.floor-brand .brand-samll{display: block;width: 240px;height: 140px;overflow: hidden;}
.floor-goods-list{float: left;width: 744px;height: 538px;margin-left: 13px;overflow: hidden;background-color: #fff;border-left: 1px solid #eee;}
.floor-goods-item{float: left;width:227px;padding: 0 10px;height: 268px;border-bottom: 1px solid #eee;border-right: 1px solid #eee;overflow: hidden;text-align: center;}
.floor-goods-item .googs-title{font-size: 16px;width: 100%;height: 24px;line-height: 24px;padding: 24px 0;color: #333;}
.floor-goods-item .googs-price{font-size:14px;width: 167px;height: 48px;line-height: 48px;color: #f71b1c;}
.floor-goods-item .goods-pic{width:100%;height:100%;margin:auto;overflow: hidden;}
.floor-goods-item .goods-pic img{width: 100%; vertical-align: middle;}
.floor-recommend{float: left;width: 226px;height: 538px;background-color: #fff;}
.floor-recommend-title{height: 52px;padding-left: 15px;line-height: 52px;font-size: 16px;color: #333;border-bottom: 1px solid #eee;}
.floor-recommend-wrap{position: relative;height: 432px;overflow: hidden;}
.floor-recommend-list{position: absolute;left: 0;top: 0;}
.floor-recommend-item{display: block;width: 195px;height: 67px;padding: 20px 15px;border-bottom: 1px solid #eee;}
.floor-recommend-item:hover{background-color: #f5f5f5;}
.floor-recommend-pic{float: left;width: 67px;height: 67px;margin-right: 10px;overflow: hidden;}
.floor-recommend-pic img{width: 100%}
.floor-recommend-cont{float: left;width: 118px;}
.recommend-goods-name{width: 118px;height: 14px;font-size: 14px;line-height: 1;margin-bottom: 7px;color: #333; margin-top: 25px;}
.recommend-goods-des{height: 22px;line-height: 22px;font-size: 12px;color: #999;}
.recommend-goods-price{ color: #f50c0c;}
.recommend-more-btn{display: block;height: 53px;line-height: 53px;text-align: right;font-size: 12px;color: #999;}
.recommend-more-btn>i{font-family: consolas;margin: 0 10px;font-size: 16px;}
.recommend-more-btn:hover{color:#e23435;}
/*floor end*/

/*floor_nav start*/
.floor-nav{position: fixed;left: 50%;top: 50%;margin-left:-674px;z-index: 7;background: #fff;border:1px solid #ddd;display: none;}
.floor-nav>li{width: 30px;height: 30px;padding:5px;line-height: 15px;font-size: 12px;color: #999;text-align: center;overflow: hidden;cursor: pointer;}
.floor-nav>li+li{border-top: 1px solid #ddd;}
.floor-nav>li:hover{ background: #aaa;color: #fff;}
.floor-nav .floor-nav-ac{background: #aaa;color: #fff;}
.floor-nav>li>span{display: block; height: 15px;overflow: hidden;}
/*floor_nav end*/

/*new start*/
.inewsbox{width:1204px;height:auto; background:#fff; margin:20px auto 0;padding: 0px 10px;}
.inestie{height:25px;line-height:25px;padding: 20px 10px 0px 10px;}
.inestie p{width:200px;border-left: 2px solid #f00; padding-left: 10px; font-size:18px; font-weight: bold; color: #333; float: left;}
.inestie a{display: block;float:right; color: #666; width: 100px; text-align:right;}
.inewsbox ul{ width:100%; height: auto; padding: 20px 0px;}
.inewsbox ul li{ width: 370px; height:30px; line-height: 30px; float: left; margin: 5px 15px; border-bottom:1px dotted #dedede;}
.inewsbox ul li a{ color:#333; width:275px; float: left; display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px;}
.inewsbox ul li a:hover{ color: #f00; font-weight: bold; font-size: 14.2px;}
.inewsbox ul li span{ width:90px; height: auto; float:right; color: #666; font-size: 13px; display: block; text-align: right;}
/*new end*/

/*footer start*/
.footer{background: #fff;padding: 30px 0;}
.footer .foot_l{width: 1000px;}
.foot_nav{height: 30px;line-height: 30px;font-size: 18px;color: #333;}
.foot_nav a{display: inline-block;width: 200px;}
.link{margin-top: 20px;}
.link a{display: inline-block;padding: 0 10px;line-height: 18px;border-right: 1px solid #DDDDDD}
.footer .foot_r{width: 220px;}
.footer .foot_r > i{display: block;height: 30px;line-height: 30px;font-size: 18px;}
.footer .foot_r > em{ display: block;height: 40px;line-height: 40px;font-size: 26px;color: #e30000;}
.footer .foot_r .tips{margin-bottom: 18px;line-height: 30px;color: #666;font-size: 17px;}
.footer .foot_r .ewm{padding: 10px 0}
.copyright{border-top: 1px solid #EEEEEE;margin-top: 20px;}
.copyright > p {margin-top: 20px;color: #666;text-align: center;font-size: 16px}
.copyright .ico {overflow: hidden;display: inline-block;margin: 0 3px;width: 103px;height: 32px;background-image: url(../images/ico_footer.png);line-height: 1000px;}
.copyright .ico_1 {background-position: 0 -151px;}
.copyright .ico_2 {background-position: -104px -151px;}
.copyright .ico_3 {background-position: 0 -184px;}
.copyright .ico_4 {background-position: -104px -184px;}
.copyright .ico_5 {background-position: 0 -217px;}

/*footer end*/

/*kefu start*/
.slidebar-right{position: fixed;right: 20px;bottom:100px;z-index:99999999999;background: #fff;border:1px solid #ddd;}
.slidebar-item{position: relative;display: block;width: 40px;height: 40px;border-bottom: 1px solid #ddd;background-image: url("../images/ico-tphsop-index.png");background-repeat: no-repeat;}
.ico-slidebar4{border-bottom: none;height: 0;overflow: hidden;}
.ico-slidebar1{background-position: -235px 0;}
.ico-slidebar2{background-position: -275px 0;}
.ico-slidebar3{background-position: -235px -40px;}
.ico-slidebar4{background-position: -275px -40px;}
.sbar-hover-txt{display: none;position: absolute;left: 0;top: 0;width: 30px;height: 30px;padding: 5px;font-size: 12px;color: #fff;line-height: 15px;background-color: #aaa;text-align: center;}
.slidebar-item:hover .sbar-hover-txt{display: block;}
.sbar-hover-pic{position: absolute;left: 61px;top: -41px;padding: 10px;width: 120px;background: #fff;border: 1px solid #ddd;opacity: 0;}
.slidebar-item:hover .sbar-hover-pic{left:-157px;opacity:1;-ms-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-webkit-transition: all .5s ease;transition: all .5s ease;}
.sbar-hover-pic:before{content: '';position: absolute;left: 141px;top: 48px;border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-left: 14px solid #ddd;}
.sbar-hover-pic:after{content: '';position: absolute;left: 140px;top: 49px;border-top: 11px solid transparent;border-bottom: 11px solid transparent;border-left: 13px solid #fff;}
.ico-slidebar3 .sbar-hover-pic{top: -82px;}
.ico-slidebar3 .sbar-hover-pic:before{top: 89px;}
.ico-slidebar3 .sbar-hover-pic:after{top: 90px;}
.qrcode-wrap{width: 120px;height: 120px;overflow: hidden;cursor: pointer;}
.qrcode-wrap img{width: 100%}
.qrcode-des{line-height: 21px;height: 63px;overflow: hidden;font-size: 12px;color: #333;text-align: center;}