﻿
.news{ background:#fff; width:1180px; margin:20px auto; height:340px;box-shadow:0 0 4px rgba(0,0,0,.1);}
.news .left{ width:290px; float:left;}
.news .left .hd{ color:#bb2801; padding:20px 20px 0;}
.news .left .hd a{ float:right; color:#7a6c6c;}
.news .left .hd a:hover{ color:#bb2801}
.news .left .hd h3{ float:left; font-size:15px;}
.news .left .hd h3 img{ margin-right:5px;}
.news .left .hd img{ vertical-align:middle; margin-bottom:3px;}
.news .left ul{ padding:20px;}
.news .left li{ background:url(../images/icon-gt.png) no-repeat 0 50%; padding-left:14px; border-bottom:1px dotted #e5e5e5; line-height:28px; height:28px; overflow:hidden;}
.news .left li a:hover{ color:#bb2801;}
.news .left li:last-child{ border:0;}
.news .banner{ float:left; width:590px; height:340px; overflow:hidden;}

.store{ float:right; width:300px; height:340px;}
.store .list{  height:280px;}
.store .list dl{ padding:10px 20px;margin-top:10px;}
.store .list dt{ float:left; }
.store .list dt img{ width:80px; height:auto;border-radius:4px;}
.store .list dd{ padding-left:90px;}
.store .list h3{ font-size:14px; color:#000000;margin-bottom:5px;}
.store .list p{ color:#a3a2a2; overflow:hidden;height:32px; line-height:16px;}
.store .list a:nth-child(even) dl{ background:#f8f8f8;}

.store .one { text-align:center;}
.store .list.one dt{ float:none;}
.store .list.one dt img{ width:90%;height:auto; border-radius:10px;}
.store .one dd{ padding:0;}
.store .one h3{ padding:10px 0 0;}

.store .two { text-align:center; }
.store .two dt{ float:none;}
.store .list.two dt img{ width:60px; border-radius:4px;}
.store .two dd{ padding-left:0;}
.store .two h3{ padding:6px 0 0;}

.store .four{ height:290px;}
.store .four dl{ float:left; text-align:center; background:#fff; border:1px solid #eee; border-right:0; border-top:0; margin:0; padding:20px; width:109px;}
.store .four dt{ float:none;}
.store .list dt img{ width:80px; height:auto;min-height:60px;}
.store .four dd{ padding:10px 0 0;}
.store .four dd p{display:none;}
.store .four a:nth-child(even) dl{ float:left; background:#fff;}

.store .btn{ text-align:center;}
.store .btn a{ border-radius:20px; display:inline-block; background:#bb2801; color:#f9eb9e; font-size:15px; height:38px; padding:0 20px; line-height:38px; text-align:center; }
.store .btn a:hover{ background:#a42706;}


.adlist{ margin:0 auto 20px; width:1180px;}
.adlist a{ float:left; width:295px; height:157px; overflow:hidden;}

.adlist a:hover{
-webkit-animation:bounce 1s ease both;
-moz-animation:bounce 1s ease both;}
@-webkit-keyframes bounce{
0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
20%{-webkit-transform:translateY(-6px)}
}
@-moz-keyframes bounce{
0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
20%{-moz-transform:translateY(-6px)}
}


.jsScroll{ height:320px; overflow:hidden; position:relative;}

.jsScroll .con{ position:absolute; left:0;top:0;}
.jsScroll .item{ float:left; height:320px; width:1180px;}


.tabPro{ margin:0 auto 20px; width:1180px; background:#fff;box-shadow:0 0 4px rgba(0,0,0,.1);}
.tabPro .item-oh{width:1180px;}
.tabPro .item dl{float:left;width:295px; overflow:hidden;}
.tabPro .item dl{ box-shadow:0 1px 1px rgba(0,0,0,.1);}
.tabPro .item dt{ position:relative; padding:20px 20px 0; height:170px;}
.tabPro .item dt img{ width:100%; height:auto;}
.tabPro .item dd{height:130px;overflow:hidden;}
.tabPro .item dd .oh{padding:0 20px 13px;}
.tabPro .item dd h3 {height:28px;overflow:hidden;}
.tabPro .item dd h3 a{font-weight:700;font-size:14px;}
.tabPro .item dd h3 a:hover{color:#C81812;}
.tabPro .item dd .listPrice{color:#666666;text-decoration:line-through;}
.tabPro .item dd .price{color:#75633b;font-size:28px;padding-top:8px;}
.tabPro .item dd .price em{font-size:24px;font-family:Microsoft YaHei;}


.tabPro .nav{ height:45px; background:url(../images/nav-bg1.jpg); line-height:45px; color:#fff;}
.tabPro .nav .tit{ padding-left:20px; font-size:14px; float:left;}
.tabPro .nav .tit img{margin:0 5px 2px 0; vertical-align:middle;}
.tabPro .nav .list{ float:left; margin-left:50px;}
.tabPro .nav .list li{ float:left;padding-top:3px;border-right:1px solid #cf5b3c; }
.tabPro .nav .list a{ display:block; height:42px; vertical-align:top;padding:0 30px; line-height:42px; font-size:14px; color:#fff;}
.tabPro .nav .list li.cur{ border:0;}
.tabPro .nav .list li.cur a{border-radius:4px 4px 0 0; color:#c52b02; background:#fff; }
.tabPro .nav em{ float:right; color:#f8ce77; padding-right:20px;}

.ul-span{ float:left; height:18px; margin-right:10px;}
.ul-span span{height:18px;line-height:18px; float:left; background:#444444;color:#c7c7c7; padding:0 3px;}
.ul-span em{ height:18px;line-height:18px; float:left; padding:0 5px; color:#444444; background:#c1c1c1;}


.wrapNews{ background:#fff; border-top:2px solid #b85c43; width:1180px; margin:0 auto 20px;box-shadow:0 0 4px rgba(0,0,0,.1);}
.wrapNews .video{ padding:20px;}
.wrapNews .video .tit{ height:30px;font-size:15px; position:relative; border-bottom:1px solid #b1b1b1; margin-bottom:20px;}
.wrapNews .video .tit a{ display:block; color:#b92d02; }
.wrapNews .video .tit span{ position:absolute; width:90px; left:0;bottom:-1px; height:3px; background:#b92d02;}
.wrapNews .video .tit a:hover{ color:#333;}
.wrapNews .video .tit a:hover span{ background:#333;}

.wrapNews .video .kv{ float:left; }
.wrapNews .video .left{ float:left; width:290px; margin-left:20px;}
.wrapNews .video .left .top h3 { height:26px; overflow:hidden;}
.wrapNews .video .left .top h3 a{ color:#a32301; font-weight:700; font-size:14px;}
.wrapNews .video .left .top a:hover{ text-decoration:underline;}
.wrapNews .video .left .top .txt{ font-size:12px; line-height:18px; color:#666666; height:54px; overflow:hidden;}
.wrapNews .video .left .top .txt a{ color:#d84e04; margin-left:4px;}
.wrapNews .video .img{ float:right; width:570px;}
.wrapNews .video .img img{ float:left; border:1px solid #ccc; margin:0 0 10px 20px; width:262px; height:82px;}
.wrapNews .video .list{ margin-top:10px; border-top:1px solid #b1b1b1; padding-top:10px;}
.wrapNews .video .list a{ display:block; height:20px; line-height:20px; overflow:hidden;}
.wrapNews .video .list a:hover{ color:#a32301;}

.wrapItem{ padding:0 0 20px 20px;}
.wrapItem .tit{ height:30px;font-size:15px; position:relative; border-bottom:1px solid #b1b1b1; margin-bottom:20px;}
.wrapItem .tit a{ display:block; color:#b92d02; }
.wrapItem .tit span{ position:absolute; width:90px; left:0;bottom:-1px; height:3px; background:#b92d02;}
.wrapItem .tit a:hover{ color:#333;}
.wrapItem .tit a:hover span{ background:#333;}

.wrapItem .item{ float:left; margin-right:20px; width:366px;}
.wrapItem .top h3 { height:26px; overflow:hidden;}
.wrapItem .top h3 a{ color:#a32301; font-weight:700; font-size:14px;}
.wrapItem .top a:hover{ text-decoration:underline;}
.wrapItem .top .txt{ font-size:12px; line-height:18px; color:#666666; height:54px; overflow:hidden;}
.wrapItem .top .txt a{ color:#d84e04; margin-left:4px;}
.wrapItem .item .img{ float:left; width:84px; margin-right:20px;}

.wrapItem .list{ margin-top:10px; padding-top:10px;}
.wrapItem .list a{ display:block; height:24px; line-height:24px; overflow:hidden; border-bottom:1px dotted #e5e5e5;}
.wrapItem .list a:hover{ color:#a32301;}