@charset "utf-8";
/* CSS Document */
/*all.css*/
body{ margin:0 auto;}
html{ min-width:1200px; }
.header,.mian,.footer{ overflow:hidden; margin:0 auto; min-width:1200px;overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.navFrame,.bannerFrame,.copyrightFrame,.linksFrame,.posterFrame,.adFrame,.softFrame,.newsFrame,.goodsFrame,.bizFrame{ width:1200px; margin:0 auto; overflow:hidden;}
/*main.css*/
.main{ background-color:#f2f5f8; padding-top:16px;padding-bottom:16px; position:relative; overflow:hidden;}
.title{ font-size:20px; color:#333;padding-right:18px; overflow:hidden;}
.title img{ padding-right:14px;}
.title a{ float:right; color:#828282; font-size:15px; line-height:30px; font-weight:normal;*+margin-top:-28px;}
/*banner*/
.bannerFrame{ height:372px; overflow:hidden; background-color:#fff; padding:20px; width:1160px; margin-bottom:16px;}
.banner{ width:758px; height:370px; overflow:hidden; position:relative;}
#bannerList img{width:758px; height:370px;}
#bannerList a{ position:absolute; top:0; left:0; overflow:hidden; z-index:1000;}
#bannerInfo { position:absolute; bottom:0; left:0; width:736px; height:54px; z-index:1001; background-color:rgba(0,0,0,0.33);filter:alpha(opacity:30);*+background-color:#000;font-size:24px; color:#fff; line-height:54px; padding-left:22px;}
#dot{ position:absolute; z-index:1002; bottom:21px; right:22px;}
#dot li{ float:left; width:14px; height:13px; background:url(../../images/index/bannerBtn.png) no-repeat; margin-left:6px; cursor:pointer;}
#dot .active{background:url(../../images/index/bannerBtnActive.png) no-repeat;}
/*search*/
.searchFrame{ width:370px; padding-left:30px; height:372px; }
.searchBar{border:1px solid #ddd; border-radius:3px; width:300px; height:32px; overflow:hidden; margin:16px auto;}
.searchLine{ display:inline-block; height:1px; background-color:#eee; width:225px; vertical-align:middle; margin-left:8px;}
#searchTxt{ font-size:15px; border:none; width:254px; line-height:32px; padding-left:12px; height:30px;}
#searchSubmit{ border:none; background:url(../../images/index/searchSubmit.png) no-repeat center;width:28px; height:31px; cursor:pointer;}
.keywords ul{ overflow:hidden; height:272px; padding-top:8px;}
.keywords li{ float:left; padding:7px 6px;}
.keywords li a{ display:inline-block; color:#11bb91; font-size:18px; border-radius:20px; border:1px solid #eee; padding:0 16px; white-space:nowrap;}
.keywords li a:hover{ color:#fff; background-color:#11bb91;}
/*soft*/
.softFrame .title{ padding-right:36px;}
.softFrame{overflow:hidden; background-color:#fff; padding:22px 0;margin-bottom: 16px;}
.softFrame ul{ margin:0 18px;padding:6px 0; overflow:hidden; text-align:center;}
.softFrame li{ float: left;overflow: hidden;height: 155px;border: #dedede 1px solid;margin: 10px 10px 0 0; box-shadow: 0 1px 6px #dedede;*width:220px;}
.softFrame p{font-size:14px;color:#888787;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
/*.softFrame li:hover p{ color:#49aefc;}*/
/*.softImg img{width:174px; height:104px;}*/
.softImg{width:220px;text-align: center;margin: 0 auto;vertical-align:middle;}
.softImg img{width:86%;margin-top: 8px;transition:.2s;}
.softImg img:hover{width:100%;margin-top: 0;}
/*news*/
.newsFrame{overflow:hidden; background-color:#fff; padding-right:18px; width:1182px; height:1474px; padding-top:22px;}
.news{ width:790px; overflow:hidden;}
.sideBar{ width:370px; overflow:hidden; padding-left:22px;}
.newsImg{ width:210px; height:140px; padding:2px; border:1px solid #ddd;}
.newsImg img{width:210px; height:140px;}
.news ul{ padding:18px; overflow:hidden; margin-top:-18px; height:1410px;}
.news li{ overflow:hidden; padding:16px 0; border-bottom:1px dashed #ddd;}
.newsMsg{ padding-left:16px;width:520px; overflow:hidden; text-align:justify}
.newsMsg h2{ font-size:17px; padding-bottom:20px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.newsMsg h2:hover{ color:#ec5b48;}
.newsMsg .abstract{ font-size:14px; color:#888787;overflow:hidden;height:6.4em;}
.newsMsg .abstract span{ padding:0 10px;}
.newsMsg .abstract .date{ display:inline-block; background-color:#ec5b48; color:#fff; border-radius:2px;}
.newsMsg .abstract p{display:inline;}
/*sideBar*/
.articles{ background-color:#f6f6f6;}
.articles ul{ padding:20px; overflow:hidden; height:420px; padding-top:14px; margin-bottom:10px;}
.articles li{ border-bottom:1px solid #ccc; padding:12px 0 8px;overflow:hidden;}
.articles li:first-child{padding-top:0;}
.articles h4{ color:#333; font-size:17px;text-align:justify; overflow:hidden; height:1.6em;white-space:nowrap;text-overflow:ellipsis;}
.articles h4:hover{ color:#00b689;}
.articles p{ color:#999; font-size:16px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.sideAd ul{ overflow:hidden;}
.sideAd li{ padding-bottom:10px;}
.sideAd img{ width:369px; height:140px;}
/*adFrame*/
/*.adFrame{ margin-bottom:22px;}*/
.adFrame img{width:1200px; height:120px;}
/*goods*/
.goodsFrame{margin-top:16px;}
.goodsFrame .title{margin-bottom:16px;}
.goodsFrame li span{ display:inline-block; position:absolute; top:0; width:62px; height:20px; line-height:20px; margin-left:-31px; left:50%; font-weight:bold;}
.goodsFrame li .new{ background-color:#83c44e; font-size:14px; color:#fff;}
.goodsFrame li .oos{ background-color:#f44b3b; font-size:14px; color:#fff;}
.goodsFrame li .mianyou{ background-color:#4fa3d3; font-size:14px; color:#fff;}
.goodsFrame li .zhengpin{ background-color:#f0c73a; font-size:14px; color:#fff;}
.goodsFrame li .discount{ background-color:#e53935; font-size:14px; color:#fff;}
.goodsFrame ul{ overflow:hidden;position:relative; text-align:center;}
.goodsFrame .super .softImg{padding:20px 5px;width:223px; height:223px;}
.goodsFrame .softImg{ width:151px; height:151px; padding:20px 23px;}
.goodsFrame .super .softImg img{width:223px; height:223px;}
.goodsFrame .softImg img{ width:151px; height:151px;}
.goodsFrame .msg h2{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.goodsFrame .msg h3{color:#cbcbcb; font-size:13px; height:22px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.goodsFrame .msg p{ font-weight:bold;color:#ff6700; font-size:17px; overflow:hidden;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.super{ background-color:#fff; width:234px; height:614px; text-align:center;}
.super .msg h2{ font-size:26px; font-weight:normal; overflow:hidden; white-space:normal; height:2.4em; padding:50px 11px 2px; line-height:1.2em;}
.super .msg h3{ color:#666; font-size:15px;padding:3px 12px 0;}
.super .msg p{ font-weight:normal; padding:17px 11px 37px;}
.super .msg p span{ font-size:30px;}
.foods ul{ width:1237px; overflow: hidden; height:303px;}
.foods li{ float:left;padding: 18px; width: 193px; height: 264px; margin-right:14px; background-color: #fff; position: relative;}
.super:hover,.foods li:hover{ box-shadow:0 1px 6px #ccc;}
/*business*/
.bizFrame{ margin-top:15px;background-color:#fff; padding-top:22px;padding-bottom:6px;}
.bizFrame .title{padding-bottom:18px;}
.bizImg{position:relative; overflow:hidden;}
.bizImg img{ width:204px; height:140px; padding:2px; border:1px solid #ddd;}
.bizFrame h4{ font-size:16px; color:#333; padding-top:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight: normal;}
.bizFrame h5{ color:#999; font-size:12px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;font-weight: normal;}
.bizFrame li{ width:210px; height:190px; float:left; margin-right:20px; padding-bottom:20px;}
.biz ul{ overflow:hidden; max-height:630px;padding:0 34px; margin-right: -21px;}
.bizImg:hover::before {
    left: 330px;
    -webkit-transition: left .5s;
    -moz-transition: left .5s;
    -ms-transition: left .5s;
    transition: left .5s;
}
.bizImg:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 200px;
    top: 0;
    left: -120px;
    overflow: hidden;
    background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.3)50%,rgba(255,255,255,0)100%);
    background: gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.3)),color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.3)50%,rgba(255,255,255,0)100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.3)50%,rgba(255,255,255,0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
}
/*poster*/
.posterFrame{ overflow:hidden;width:1200px; padding:35px 0px; background-color:#fff;margin-top:16px;}
.posterFrame ul{margin-left: 20px;}
.posterFrame .title{padding-bottom:18px;}
.posterImg img{ width:48px; height:48px; margin:10px 0 0 18px;}
.posterImg{ width:75px;}
.posterFrame .msg{ width:160px; overflow:hidden; height:61px; padding:7px}
.posterFrame li{ float:left; width:25%; padding-top:6px;}
.posterFrame h4{ font-size:16px; color:#67686a; font-weight:normal; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.posterFrame p{ font-size:14px; color:#cbcbcb; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.posterFrame p span{ font-size:19px; color:#00b689; padding-right:4px;}
.posterFrame a:hover span{ text-decoration:underline;}
/*links*/
.linksFrame{ overflow:hidden;width:1200px; padding:45px 0px; margin-top:16px; background-color:#fff;}
.linksFrame ul{padding: 0px 20px;}
.linksFrame li span{ color:#cbcbcb;}
.linksFrame li,.linksFrame li a{ font-size:16px; color:#67686a;}
.linksFrame li a{ padding:0 8px; display:inline-block;}
.linksFrame li a:hover{ text-decoration:underline;}
.linksFrame li{ border-top:1px solid #ddd; padding:13px 0;}
.linksFrame li:first-child{ border:none; padding-top:26px;}