@charset "utf-8";
/* CSS Document */
*{ padding: 0; margin: 0;}


/*banner*/

.banner { width: 100%; height: 575px;}
.flash{height:575px; background:#2e2e2e url(../images/index-banner01.jpg) no-repeat center;}
#full-screen-slider { width:100%; height:100%; position:relative;background:#f1f1f1; margin:0 auto; }
#slides { display:block; width:100%;  height:100%; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block;width:100%;   height:100%; list-style:none; padding:0; margin:0; position:absolute;z-index:99;}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination {  list-style:none; position:absolute; bottom:20px; z-index:9999;  padding:5px 15px 5px 0; margin:0}
#pagination li {  list-style:none; width:32px; height:2px; float:left; margin-right:23px;background:rgba(0,0,0,0.8); }
#pagination li a { display:inline-block; width:32px; height:2px; padding:10px 0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:rgba(258,258,258,0.8);}
/*banner*/

/**/
.flash2{width:234px; height: 104px; background:#2e2e2e url(../images/pro-zx-img01.jpg) no-repeat center;}
#full-screen-slider2 { width:100%; height:100%; position:relative;background:#f1f1f1; margin:0 auto; }
#slides2 { display:block; width:100%;  height:100%; list-style:none; padding:0; margin:0; position:relative}
#slides2 li { display:block;width:100%;   height:100%; list-style:none; padding:0; margin:0; position:absolute;z-index:99;}
#slides2 li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination2 {  list-style:none; position:absolute; bottom:8px; z-index:9999; height:20px; line-height:20px;margin:0}
#pagination2 li {  list-style:none; height:20px; width: 12px; line-height:20px;margin-right:8px; float: left; }
#pagination2 li a { display:inline-block; width:8px; height:8px; vertical-align:middle;margin:0;background:rgba(258,258,258,0.8); border-radius: 50%;  text-indent:-9999px;}
#pagination2 li.current a {width:12px; height:12px;margin:0; border-radius: 50%;  background:rgba(258,258,258,0.8);}



/*product-show*/
.product-show  .product-tab-bg { width: 100%; height:55px; line-height:55px; background: #004995; }
.product-show .product-tab .pro-title {float: left; width: 322px;}
.product-show .product-tab .pro-title img { vertical-align: middle;}

.tab-list { width:672px; float: left; }
.tab-list a { padding: 0 14px; display: inline-block; color: #fff;transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);
    -ms-transform:translateY(0px);  transition: 0.1s;}
.tab-list a:hover {transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);  transition: 0.1s;}
.tab-list a.cur{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);
    -ms-transform:translateY(-6px);  transition: 0.1s;}

.search { width: 187px; height: 21px; border: 1px solid #fff; float:right;border-radius: 4px; margin-top: 17px;}
.search .text { width: 146px; padding-left: 10px; height: 21px; float: left; color: #fff;}
.search .sub-btn { width: 31px; height: 21px; background: url("../images/search-btn.png") no-repeat center; float: left;}


/*pro-show-wrap-bg*/
.pro-show-wrap-bg { width: 100%; padding-top: 23px; background: url("../images/proshow-bg.jpg") no-repeat top center;}
.pro-show-wrap {position: relative;}
/*left-aside*/
.left-aside { width: 336px; float: left;}
/*newest-pro*/
.newest-pro { width: 244px; height: 408px; padding:15px 23px 0; background: url("../images/jx-bg1.png") no-repeat center; margin-bottom: 15px;}
.newest-pro .title { font-size: 16px; height: 24px; line-height: 24px; color: #fe6103; margin-bottom: 18px;}
/*zx-img*/
.zx-img { width: 234px; height: 104px; margin-bottom: 10px; }

/*zx-list*/
.zx-list ul li{ width:217px;padding-left: 17px; background: url("../images/dot.png") no-repeat left center;
    transform:translateX(0px);-webkit-transform:translateX(0px);-moz-transform:translateX(0px);
    -ms-transform:translateX(0px);  transition: 0.1s;}
.zx-list ul li a {display:block;color: #575757; width:220px;height: 34px; line-height: 34px; overflow: hidden;  }
.zx-list ul li:hover {
    transform:translateX(6px);-webkit-transform:translateX(6px);-moz-transform:translateX(6px);
    -ms-transform:translateX(6px);  transition: 0.1s;  }
.zx-list ul li:hover a{ color:#fe6103;}



/*pro-show-main*/
.pro-show-main { width: 874px; float: right; overflow: hidden;}
.pro-show-main ul { width: 896px; overflow: hidden;}
.pro-show-main ul li { width: 203px; height: 269px; background: #ffffff; overflow: hidden; float: left; margin-right: 21px; margin-bottom: 21px;}
.pro-show-main ul li a {display:block; width:100%; height:100%;  position: relative;  }
.pro-show-main ul li .figure { width:191px; height:191px; padding: 6px; }
.pro-show-main ul li .figcaption {  height:66px; width:163px;padding: 0 20px; line-height: 24px; text-align: center; position:absolute; bottom: 0;}
.pro-show-main ul li .figcaption .more { height: 66px; background: url("../images/more-bg.jpg") no-repeat bottom center;
    transform:translateY(-500px);  -webkit-transform:translateY(-500px);-moz-transform:translateY(-500px);
    -ms-transform:translateY(-500px);  transition: 0.1s; transform-origin: 80%;}
.pro-show-main ul li .figcaption .more span { display:inline-block; width: 145px; height: 39px; border:1px solid #fff; line-height: 39px; text-align: center;}

.pro-show-main ul li .figcaption h3 { font-weight: bold;     height: 34px;
    line-height: 34px;
    overflow: hidden; }

.pro-show-main ul li a::before { position:absolute; text-align:right; box-sizing:border-box; padding:10px;content:url("../images/jia.jpg"); width:100%; height:100%; background:rgba(25,91,159,0.9); left: 0; bottom: 0; opacity: 0;
    transition: opacity 0.2s;  }
.pro-show-main ul li:hover a::before { opacity:1; transition: opacity 0.2s;}

.pro-show-main ul li:hover .price { color:#fff; font-style: normal;font-weight: normal;}
.pro-show-main ul li:hover a { color:#fff;}
.pro-show-main ul li:hover h3 { font-weight: normal;transform:translateY(-44px);-webkit-transform:translateY(-44px);-moz-transform:translateY(-44px);
    -ms-transform:translateY(-44px);  transition: 0.15s;}
.pro-show-main ul li:hover .price {transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);
    -ms-transform:translateY(-30px);  transition: 0.1s;}

.pro-show-main ul li:hover .more { transform:translateY(-196px);-webkit-transform:translateY(-196px);-moz-transform:translateY(-196px);
    -ms-transform:translateY(-196px);  transition: 0.2s;  }





/*优势广告 odds*/
.odds-bg { width: 100%;  }
.odds { width: 100%; height: 199px; background:#0075ee url("../images/odds-bg.jpg") no-repeat center;}
.odds-list { width: 1210px; margin: 0 auto;}
.odds-list ul li { width: 168px; height: 199px; float: left; text-align: center; color: #fff;}
.odds-list img { display: inline-block; width: auto; height: auto; margin-top: 66px; transform: translateY(0px);-webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);-ms-transform: translateY(0px); transition: 0.1s;}
.odds-list .img1 {background: #007eff  url("../images/odds-li-bg.png") no-repeat top 3px center;; }
.odds-list .img1 img {background: #007eff; }
.odds-list .img2 {background: #0075ee  url("../images/odds-li-bg.png") no-repeat top 3px center;; }
.odds-list .img2 img {background: #0075ee; }
.odds-list .img3 {background: #006ee0  url("../images/odds-li-bg.png") no-repeat top 3px center;; }
.odds-list .img3 img {background: #006ee0; }



.odds-list h3 { font-size: 18px; line-height: 58px;}

.odds-list ul li:hover img { animation:bounce1 1s 1 linear;}

@keyframes bounce1 {
    0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
 }
@-webkit-keyframes bounce1 {
    0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@-moz-keyframes bounce1 {
    0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@-ms-keyframes bounce1 {
    0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
    60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}



/*pro-item-list*/
.proitem-bg { width: 100%; background: url("../images/pro-item-bg.jpg") no-repeat top center;}
.proitem-menu { float: left; width: 69px; margin-top:10px; background: #004995; padding-top: 70px; line-height: 48px; padding-bottom: 75px;
    text-align: center; border-radius: 4px; box-shadow:0 3px 6px #9c9c9c; }
.proitem-menu a { color: #fff; display: block; position: relative;
    transform:translateY(0px);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);
    -ms-transform:translateY(0px);  transition: 0.1s;}
.proitem-menu a:hover {transform:translateY(-4px);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);
    -ms-transform:translateY(-4px);  transition: 0.1s;}
.proitem-menu a::before{ position: absolute; right:-9px; top:5px; width:9px; height:19px; content:url("../images/sj.png"); opacity: 0;}
.proitem-menu a.cur:before { opacity: 1;}
.proitem-menu a.cur { background:rgba(258,258,258,0.1);}

.pro-item-list { width:1124px; float: right; overflow: hidden; padding-bottom: 0; padding-top: 17px; margin-bottom: 38px; }
.pro-item-list ul { width: 1152px; overflow: hidden;}
.pro-item-list ul li { width: 260px; height: 347px; margin-right: 28px;}

.pro-item-list ul li .figure { width:248px; height:248px; padding: 6px; }
.pro-item-list ul li .figcaption { width:220px;   }
.pro-item-list ul li:hover .more { transform:translateY(-246px);-webkit-transform:translateY(-246px);-moz-transform:translateY(-246px);
    -ms-transform:translateY(-246px);  transition: 0.2s;  }
.pro-item-list ul li:hover h3 { font-weight: normal;transform:translateY(-74px);-webkit-transform:translateY(-74px);-moz-transform:translateY(-74px);
    -ms-transform:translateY(-74px);  transition: 0.15s;}
.pro-item-list ul li:hover .price {transform:translateY(-40px);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);  transition: 0.1s;}

.odds2-bg { width: 100%; height:300px; padding-top: 100px; background: url("../images/odds-2.jpg") no-repeat center; }
.odds2-bg ul li { width: 242px; height:210px; padding-top: 20px; float: left; text-align: center; position: relative; color:#fff; }

.odds2-bg ul li .figure{height:178px;width:185px;display:inline-block; margin-top: 25px;opacity: 1; transition: 0.5s; }
.odds2-bg ul li .title { width:100%;font-size:18px;line-height:48px; position:absolute; left: 0 ; top:20px; }
.odds2-bg ul li .img { display: inline-block; width: 31px; height: 58px; margin-bottom: 25px;}
.odds2-bg ul li .title h4,.odds2-bg ul li .title  p { height: 48px; overflow: hidden;}

@-webkit-keyframes flipInX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0.5;}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1.0}
}

@-moz-keyframes flipInX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0.5;}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg);  opacity:1.0}
}

@-ms-keyframes flipInX{
    0%{-ms-transform:perspective(400px) rotateX(90deg);opacity:0.5;}
    40%{-ms-transform:perspective(400px) rotateX(-10deg)}
    70%{-ms-transform:perspective(400px) rotateX(10deg)}
    100%{-ms-transform:perspective(400px) rotateX(0deg);  opacity:1.0}
}

@keyframes flipInX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:0.5;}
    40%{transform:perspective(400px) rotateX(-10deg)}
    70%{transform:perspective(400px) rotateX(10deg)}
    100%{transform:perspective(400px) rotateX(0deg);  opacity:1.0  }
}

.cell-detail{ width:100%;height:210px; padding-top: 20px; line-height:48px;font-size:18px; position:absolute;top:0;
    -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background:rgba(0,0,0,0.2);z-index:3;text-align:center;
    transform:scale(0,0) ; -webkit-transform:scale(0,0) ; -moz-transform:scale(0,0) ; -ms-transform:scale(0,0) ; transition: 0.35s;
    transform-origin:50% 50%;}
/* animation:flipInX 0.7s  ease both;-webkit-animation:flipInX 0.7s  ease both;-moz-animation:flipInX 0.7s  ease both;
    -ms-animation:flipInX 0.7s  ease both;*/

.odds2-bg ul li:hover .cell-detail {transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1); transition: 0.35s;  }
.odds2-bg ul li:hover .title { opacity: 0;}
.odds2-bg ul li:hover  .figure {opacity: 0; transition: 0.5s;}

/*store-wrap*/
.store-wrap { padding: 67px 0;}
.store-wrap  .store-item { width:604px; float: left; padding-top: 36px; position: relative;z-index: 111; display: none;}
.store-wrap  .store-item.show { display: block;}
.store-wrap  .store-item .figure {width:604px; height: 362px; position: absolute; left: 0; top: 0;overflow: hidden;  }
.store-wrap  .store-item .figure img {animation:flipInX 0.7s  ease both;-webkit-animation:flipInX 0.7s  ease both;-moz-animation:flipInX 0.7s  ease both;}



.store-item .sotre-info { position: relative;z-index: 222; width: 364px; height: 290px; padding: 0 60px; margin:0 auto; line-height: 28px; color: #5c5c5c; text-align: center;
    background: rgba(258,258,258,0.7)  }
.store-item .sotre-info p { height:84px; overflow:hidden;font-family:'黑体',"Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif,"宋体"; margin-bottom: 29px; }
.store-item .sotre-info h3 { font-size: 18px; font-weight: bold; color: #636363; line-height: 78px;}

.store-wrap  .store-list { width:606px; float: right;}
.store-wrap  .store-list ul li { width: 303px; height: 181px; position: relative; float: left; overflow: hidden;}
.store-wrap  .store-list ul li:before { position: absolute; width: 100%; height: 100%; left: 0; top:0;z-index: 999; }
.store-wrap  .store-list ul li.fir:before { content: url("../images/store01-bg.png"); background: rgba(0,126,255,0.7); }
.store-wrap  .store-list ul li.sec:before { content: url("../images/store02-bg.png"); background: rgba(0,73,149,0.7);}
.store-wrap  .store-list ul li.thir:before { content: url("../images/store03-bg.png"); background: rgba(253,98,31,0.7);}
.store-wrap  .store-list ul li.four:before { content: url("../images/store04-bg.png"); background: rgba(74,74,74,0.7);}

.store-wrap  .store-list ul li .figure { width:303px; height: 181px; overflow: hidden; }
.store-wrap  .store-list ul li .figcaption {z-index: 99999; position: absolute; width: 100%; height: 100%; line-height: 181px;  left: 0 ; top: 0; text-align: center; }
.store-wrap  .store-list ul li .figcaption h2 { font-size: 24px; color: #fff;}

.store-wrap  .store-list ul li .figure img {transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);
    -ms-transform:scale(1,1); transition: 0.15s;}
.store-wrap  .store-list ul li:hover .figure img { transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);
    -ms-transform:scale(1.3,1.3); transition: 0.15s;}

/*news*/
.news-item { position: relative;}
.news-bg { width: 100%; height:626px; background: url("../images/news-bg.jpg") no-repeat center; }
.news-left { width: 336px; float: left; padding-top: 29px;}


.news-right { width:769px; float: right; padding-right: 69px; padding-top: 54px;}
.news-right .news-tab { width: 102px; height:514px; float: left; background:url("../images/news-menu-bg.jpg") no-repeat center; }
.news-tab ul li { width:102px; height: 103px; color: #fff; text-align: center; position: relative; }
.news-tab ul li h3 { font-size: 12px; line-height: 28px; height: 28px; padding-top: 8px; margin-bottom:16px;
    background: url("../images/new-underline.jpg") no-repeat bottom center;
    font-family:'Courier New','黑体',"Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif,"宋体";}

.news-tab .more-down { display: block; width:102px; height:84px; padding-top: 19px; text-align: center;}
.news-tab .more-down img { -webkit-animation:boun 1.5s infinite linear;}
@-webkit-keyframes boun {
    0% {
        -webkit-transform: translateY(0px);
    }
    20%{
        -webkit-transform: translateY(-4px);
    }

    40%{
        -webkit-transform: translateY(-8px);
    }
    60% {
        -webkit-transform: translateY(-4px);
    }
    80%{
        -webkit-transform: translateY(4px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}


.news-tab ul li.cur:after { position: absolute; content: ''; width:100%; height:2px; box-shadow: 0 0 3px #fff; background:rgba(258,258,258,0.8); bottom: 0; left: 0;}
.news-tab ul li:before { position: absolute; width: 11px; height: 22px; top: 50%; right: -11px; margin-top:-11px;
    animation:rotate 0.7s  ease both;-webkit-animation:rotate 0.7s  ease both;-moz-animation:rotate 0.7s  ease both;-ms-animation:rotate 0.7s  ease both;}
.news-tab ul li.cur:before { content: url("../images/news-sj1.png"); }
.news-tab ul li.b-sec.cur:before {content: url("../images/news-sj2.png"); }
.news-tab ul li.b-thir.cur:before {content: url("../images/news-sj3.png"); }
.news-tab ul li.b-four.cur:before {content: url("../images/news-sj4.png"); }

@-webkit-keyframes rotate {
    from{-webkit-transform:rotateX(90deg); transition: 0.35s;}
    to{-webkit-transform: rotateX(0deg); transition: 2s;}
}

@-moz-keyframes rotate {
    from{-moz-transform:rotateX(90deg); transition: 0.35s;}
    to{-moz-transform: rotateX(0deg); transition: 2s;}
}

@-ms-keyframes rotate {
    from{-ms-transform:rotateX(90deg); transition: 0.35s;}
    to{-ms-transform: rotateX(0deg); transition: 2s;}
}
@keyframes rotate {
    from{transform:rotateX(90deg); transition: 0.35s;}
    to{transform: rotateX(0deg); transition: 2s;}
}




.news-right .news-list { width: 581px; height: 480px; background: #fff; padding:34px 43px 0; float: left; }
.news-right .news-list ul li { display: none;}
.news-right .news-list ul li.show {display: block;}

.news-right .news-list .figure { margin-bottom: 25px; width: 581px; height: 340px;}
.news-list .figcaption { line-height: 24px;}
.news-right .news-list p { height:48px; overflow:hidden;font-family:'黑体',"Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif,"宋体"; color: #4b4b4b;}
.news-list .figcaption h3 { color: #ff6c00; margin-bottom: 10px;}

/*backto-up*/
.backto-up { width:68px; height: 104px; padding-top: 10px; position: absolute; cursor: pointer;
    bottom:-114px; right: 0; text-align: center; background:#fff url("../images/up-bg.png") no-repeat bottom center; }

.backto-up img{ -webkit-animation:boun 1.5s infinite linear;}