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

.ny-banner { width: 100%;}
.ny-banner img { width: 100%;}

.position { height: 60px; line-height: 60px;}
.position h2 { color: #003687; font-size: 26px; font-weight: bold; float: left;}
.position .cur { color:#003687; }

.ny-pro-bg { width: 100%; padding-top: 24px; padding-bottom: 40px; background: url("../images/ny-probg.jpg") repeat-y top center; min-height:1534px; }
.left-aside { width:256px; float: left; }
.aside-recom.newpro-recom{ width: 206px; padding: 20px 25px 70px; background:#fff; box-shadow:0 6px 6px #898989; height: auto; }
.main{ width: 930px; float: right;}

/*goods-sorts*/
.goods-sorts {width: 206px; padding: 20px 25px 52px; background:#fff; box-shadow:0 6px 6px #898989; margin-bottom: 92px; line-height: 24px; }
.goods-sorts .goods-sorts-list { padding-bottom: 57px; border-bottom: 1px solid #e5e5e5;}
.goods-sorts .title { height: 50px; line-height: 50px; font-size: 16px; color: #747171; border-bottom: 1px solid #e5e5e5; margin-bottom: 8px;}
.goods-sorts h3 { font-size: 14px; background:url("../images/fenlei-bg.png") no-repeat right center;}
.goods-sorts h3 span { background: #fff; padding-right: 2px;}
.goods-sorts h3.cur{background:url("../images/fenlei-up.png") no-repeat right center;}
.goods-sorts ul li { font-size: 12px;}
.goods-sorts .sort-info { display: none; padding-left: 12px; padding-bottom: 10px;}
.goods-sorts .sort-info.show { display: block;}
.goods-sorts .sort-info li { background:url("../images/fl-li-bg.png") no-repeat left center; padding-left:13px; }
.goods-sorts .sort-info li:hover a{ color: #ff2600;}
.goods-sorts .sort-info.show a.selected {color: #ff2600;}

    /*分类选择*/
.guide_wrap { width:880px; background:#fff;color: #313131; padding:25px; margin-bottom: 18px; }
.guide_wrap a{color: #313131; }
.guide_box .guide_title { float: left; padding-right: 15px; line-height: 30px;}

.guide_main { width: 820px; float: right;}
.guide_main ul li { float: left; height: 30px; line-height: 30px; margin-right: 25px; }
.guide_main ul li a { display: inline-block; height: 25px; line-height: 25px; padding:0 5px; }
.guide_main ul li.selected a{ background: #0089d1; color: #fff;}
.m-tr { margin-bottom: 10px; border-bottom: 1px solid #dcdcdc; padding-bottom: 6px;}

.guide_main .f-ext { float: left;height: 30px; line-height: 30px; margin-right: 9px;}
.guide_main .f-ext.selected a { color: #fff; padding:3px 5px; background: #0089d1;}


.ny-pro-main {position: relative;}
.chek-list { width: 930px; overflow: hidden; margin-bottom: 20px; }
.chek-list ul{ width: 936px; overflow: hidden;}
.chek-list ul li { width: 227px; height: 301px; float: left; background: #fff; margin-right: 7px; margin-bottom: 7px; position: relative; overflow: hidden; }
.chek-list ul li .figure { width: 215px; height: 211px; padding: 6px; text-align: center;}
.chek-list ul li .figcaption {  height:76px; width:187px;padding: 0 20px; line-height: 30px;position:absolute; bottom: 0;}
.chek-list ul li .figcaption .more { height: 66px; text-align: center; 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%;}
.chek-list ul li .figcaption .more span { display:inline-block; width: 145px; height: 39px; border:1px solid #fff; line-height: 39px; text-align: center;}

.chek-list ul li .figcaption h3 { font-weight: bold; margin-bottom: 10px; height: 30px; overflow: hidden; }

.chek-list 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;  }
.chek-list ul li:hover a::before { opacity:1; transition: opacity 0.2s;}

.chek-list ul li:hover { text-align: center;}
.chek-list ul li:hover .price { color:#fff; font-style: normal;font-weight: normal;}
.chek-list ul li:hover a { color:#fff;}
.chek-list 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;}
.chek-list ul li:hover .price {transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);
    -ms-transform:translateY(-30px);  transition: 0.1s;}

.chek-list ul li:hover .more { transform:translateY(-226px);-webkit-transform:translateY(-226px);-moz-transform:translateY(-226px);
    -ms-transform:translateY(-226px);  transition: 0.2s;  }
/*商品详情 图片局部放大*/
.goods-images { width: 443px; border-right:1px solid #bfbfbf; padding:0 11px ; float: left; }
.goods_figure { padding:0 50px  12px ; width: 343px; height: 330px;border-bottom:1px solid #bfbfbf; }
.goods-images .goods_figure .main_img { width: 343px; height: 330px;}
.goods_figure_list { padding-top: 19px; width:443px; overflow: hidden; }
.goods_figure_list div { width:468px; overflow: hidden; }
.goods_figure_list a { display: inline-block; width:92px; height: 92px; border: 1px solid #bfbfbf; margin-right:22px; float:left; }
.goods_figure_list img { width:92px; height: 92px; }
.goods_figure_list a.last { margin-right: 0;}
/*goods-words*/
.goods-words { width: 412px; float: right; padding: 46px 26px 0;}
.goods-words  h3 { font-size: 18px; height: 30px; line-height: 30px; color: #df5150; margin-bottom: 45px;}
.goods-words p { font-size: 12px; line-height: 30px; height: 180px; overflow: hidden;}

.sell-price { color: #df5150; margin-top: 39px;}
.sell-price span { font-size: 12px; line-height: 30px; margin-bottom: 10px;}
.sell-price h2 { background: url("../images/price.png") no-repeat left center; padding-left: 33px; height: 30px; line-height: 30px; font-size: 30px;}

.info-box { background: #fff; padding-left: 22px ; padding-right: 22px;  border:1px solid #ffffff;}
.info-tab { width:886px; background: #fff; height: 30px; line-height: 30px; padding-bottom: 15px; padding-top: 16px;  border-bottom: 1px solid #c9c9c9; }
.info-tab a{ padding-right: 23px; font-size: 16px; }
.info-tab span {margin-right: 23px;}
.info-box .goods-ggcs { padding-bottom: 15px; border-bottom:1px solid #c9c9c9; padding-top: 16px; }
.info-box .goods-ggcs .name { margin-bottom: 20px;}
.info-box .goods-ggcs ul { width: 235px; margin-left: 60px; float: left;  }

.goods-img-show { padding:28px 132px; }
.goods-img-show img { max-width: 622px;}

.box-item { padding: 30px 0; border-top:1px solid #c9c9c9;}
.box-item h3 { height: 30px; line-height: 30px;}
.info-box p{padding:0px; margin:0px}





























/*.ny-pro-main .sort-menu { top:-66px; }*/
/*.ny-con .all-sorts { width:1139px; }*/
/*.ny-con .scrool-bar {width:1163px;overflow: hidden;}*/
/*.ny-con .all-sorts ul{width:1163px; overflow-y:scroll;}*/
/*.ny-con .all-sorts ul li {width:1139px; }*/




/*goods-intro*/
.goods-intro { background: #fff; padding-bottom: 12px; padding-top: 12px; position: relative;}
/*.goods-intro .sort-menu { top:auto; bottom: 26px!important;  }*/





/*news*/
.ny-mews-bg { width: 100%; min-height: 931px; height: auto!important;height: 931px; background: url("../images/ny-news-bg.jpg") repeat-y top center;
padding-bottom: 24px;}
.news-wrap{ padding-top:43px; position: relative; }
.ny-news-title{text-align: center; margin-bottom: 42px;}
.news-list { width: 1210px; overflow: hidden;}
.news-list ul{ width: 1230px; overflow: hidden;}
.news-list ul li { width: 390px; height: 287px; margin-right: 20px; margin-bottom: 20px; float: left; position: relative;}
.news-list  .figure { width: 390px; height: 215px; overflow: hidden;}
.news-list  .figure img{transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);
    -ms-transform:scale(1,1); transition: 0.15s;}
.news-list  .figcaption { height: 60px; padding-top: 12px;  }
.news-list ul li:hover { background: #fff;box-shadow:0 6px 6px #8e8e8e;}
.news-list ul li:hover .figcaption {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;}

.news-list ul li:hover  .figure img {transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1); transition: 0.15s;}

.news-list  .figcaption .date { width: 60px; height: 60px; line-height: 14px; float: left; font-family: 'Arial',"Microsoft YaHei",'微软雅黑',Arial,Helvetica,sans-serif,"宋体";
background: url("../images/circle.png") no-repeat center; text-align: center; color: #fff;}
.news-list  .figcaption .date  .year { line-height:36px;}
.news-list  .figcaption .news-cap { padding-left: 17px; width: 300px; padding-right: 12px; float: right; font-size: 12px; line-height: 30px; }
.news-list  .figcaption  .title {font-family:'宋体','微软雅黑',"Microsoft YaHei",Arial,Helvetica,sans-serif; font-size: 16px; height: 30px;color: #3d3d3d;
border-bottom: 1px solid #848484; overflow: hidden;}
.news-list  .figcaption .key { height: 30px; 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  }
}




/*新闻详情*/
.news-info-wrap { height: auto;}
/*.news-info-wrap .sort-menu { top:254px;}*/
.news-info { width: 1050px;padding: 56px 80px 42px; background: #fff; box-shadow:0 6px 6px #8e8e8e;  }
.news-info .news-title { text-align: center; margin-bottom: 24px; color: #4b4b4b; font-size: 16px;}
.news-info .news-title h3 { font-size: 14px; margin-bottom: 10px;}
.news-info .news-title .date { color:#888888; font-size: 12px; }
.news-info .news-content { margin-bottom: 260px; color: #888888; line-height: 24px; text-indent: 25px;}


/*dy-wrap*/
.dy-wrap {position: relative;padding-bottom: 24px;}
/*.dy-wrap .sort-menu {top:163px;}*/

.dy-con-bg { background: #fff;box-shadow:0 6px 6px #8e8e8e; min-height: 500px; padding: 20px; }
.dy-con-bg img { max-width: 100%;}


.ny-about-bg { width: 100%; padding-top: 23px; min-height: 644px; height: auto!important; height: 667px; background: url("../images/about-bg.png") repeat-y top center;}
.about-wrap { padding-top:70px;  }
.about-left { padding-top:104px; padding-left:76px; width: 239px; float: left;  }
.about-content { width:742px; ; padding:40px 17px ; border: 1px solid #b9b9b9; float: left; min-height: 400px; height: auto!important; height: 400px;
 background: rgba(258,258,258,0.7); line-height: 24px; text-indent: 30px;}

/*contact-wrap*/
.ny-contant-bg { padding-top: 23px;  background: url("../images/contact-bg.png") repeat-y top center;}
.contact-wrap { padding:86px 275px 58px; background: #fff; box-shadow:0 6px 6px #8e8e8e; min-height: 732px; height: auto!important; height: 732px; line-height: 24px; }

.contact-wrap .title { margin-bottom:26px; }
.contact-wrap .link-title { height: 30px; line-height: 40px; background: url("../images/dw.png") no-repeat left center;padding-left: 50px;}

.contact-wrap .link-ways .link-title { background: url("../images/phone.png") no-repeat left center; }
.contact-wrap .map .link-title {background: url("../images/map-bg.png") no-repeat left center;}

.contact-wrap .link-item  { padding-left: 50px; margin-bottom: 20px;}

.contact-wrap .map-img { margin-top: 26px;}
.contact-wrap img { max-width: 661px;}



.img-ks-lazyload{padding:0px;margin: 0px;display: inline-block;}