@charset "utf-8";
body { margin: 0px; padding: 0px; font: 12px "microsoft yahei"; color: rgb(34, 34, 34); background: rgb(241, 241, 241) none repeat scroll 0% 0%; }
.baikebody { margin: 20px auto; width: 1200px; overflow: hidden;}
.baikebody .baikeleft { float: left; width: 200px; }
.baikebody .baikeleft .lefthead { float: left; width: 200px; height: 38px; line-height: 38px; font-weight: bold; text-indent: 12px; background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; }
.baikebody .baikeleft .lefthead .headtext { float: left; width: 100px; text-indent: 12px; }
.baikebody .baikeleft .lefthead .headmore { float: right; padding-right: 10px; width: 60px; text-align: right; font-weight: normal; color: rgb(219, 57, 98); }
.baikebody .baikeleft .leftmain { float: left; padding: 0px 10px; width: 180px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.baikebody .baikeleft .leftmain .mainhead { float: left; margin-top: 13px; width: 180px; height: 24px; line-height: 24px; font-weight: bold; text-indent: 5px; color: rgb(219, 57, 98); background: rgb(255, 246, 248) none repeat scroll 0% 0%; }
.baikebody .baikeleft .leftmain .mainwrap { float: left; width: 180px; padding: 10px 0px; border-bottom: 1px dashed rgb(219, 57, 98); }
.baikebody .baikeleft .leftmain .mainwrap .nodeitem { float: left; width: 90px; height: 24px; line-height: 24px; text-indent: 5px; }
.baikebody .baikeleft .leftmain .mainwrap .proditem { float: left; padding: 10px 30px; }
.baikebody .baikeleft .leftadwrap { float: left; padding: 0px 10px 10px; width: 180px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.baikebody .baikeleft .leftadwrap .leftaditem { float: left; padding-top: 10px; }
.baikebody .baikeright { float: right; width: 200px; }
.baikebody .baikeright .righthead { float: left; width: 200px; height: 38px; line-height: 38px; font-weight: bold; text-indent: 12px; background: rgba(0, 0, 0, 0) repeat scroll 0% 0%; }
.baikebody .baikeright .righthead .headtext { float: left; width: 100px; text-indent: 12px; }
.baikebody .baikeright .righthead .headmore { float: right; padding-right: 10px; width: 60px; text-align: right; font-weight: normal; color: rgb(219, 57, 98); }
.baikebody .baikeright .rightmain { float: left; padding: 0px 10px; width: 180px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.baikebody .baikeright .rightmain .mainimgs { float: left; padding: 10px 0px; width: 180px; border-bottom: 1px dashed rgb(219, 57, 98); }
.baikebody .baikeright .rightmain .mainwrap { float: left; padding: 5px 0px; width: 180px; border-bottom: 1px dashed rgb(219, 57, 98); }
.baikebody .baikeright .rightmain .mainwrap .itemtext { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left; padding-left: 19px; width: 160px; height: 28px; line-height: 28px; background: rgba(0, 0, 0, 0) no-repeat scroll left center; overflow: hidden; }
.baikebody .baikeleft .leftmain .mainwrap .itemtext { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left; padding-left:19px; width: 160px; height: 28px; line-height: 28px; background: rgba(0, 0, 0, 0) no-repeat scroll left center; overflow: hidden; }
.baikebody .baikeright .rightmain .mainwrap .proditem { float: left; padding: 10px 30px; }
.baikebody .baikecenter { float: left; margin-left: 20px; width: 740px; margin-bottom: 10px; }
.baikebody .baikecenter .centerbanner { float: left; width: 740px; height: 340px; }
.baikebody .baikecenter .onecolumnwrap { float: left; margin-top: 10px; width: 740px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.baikebody .baikecenter .onecolumnwrap .wraphead { float: left; width: 740px; height: 38px; line-height: 38px; border-bottom: 1px solid rgb(207, 216, 230); font-weight: bold; }
.baikebody .baikecenter .onecolumnwrap .wraphead .headtext { float: left; width:500px; text-indent: 15px; }
.baikebody .baikecenter .onecolumnwrap .wraphead .headmore { float: right; padding-right: 15px; width: 60px; text-align: right; font-weight: normal; color: rgb(219, 57, 98); }
.baikebody .baikecenter .onecolumnwrap .wraphead .headmore a { color: rgb(225, 58, 104); }
.baikebody .baikecenter .onecolumnwrap .wrapimgs { float: left; margin: 11px 15px 0px; width: 710px; height: 150px; border-bottom: 1px dashed rgb(207, 216, 230); }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsleft {overflow: hidden; float: left; width: 185px; height: 135px;text-align:center; }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsleft img{height:100%; }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsright { float: right; width: 500px; height: 135px; }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsright .title { float: left; width: 500px; height: 35px; line-height: 35px; font-weight: bold; overflow: hidden; font-size: 14px; }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsright .summary { float: left; width: 500px; height: 75px; line-height: 25px; overflow: hidden; }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsright .summary a { color: rgb(93, 97, 110); }
.baikebody .baikecenter .onecolumnwrap .wrapimgs .imgsright .detailgo { float: left; width: 500px; height: 25px; line-height: 25px; text-align: right; color: rgb(219, 57, 98); }
.baikebody .baikecenter .onecolumnwrap .wrapline { float: left; margin: 0px 15px; padding-left: 10px; width: 700px; height: 97px; }
.baikebody .baikecenter .onecolumnwrap .wrapline .lineleft { float: left; padding-left: 20px; width: 330px; height: 37px; line-height: 37px; background: rgba(0, 0, 0, 0) no-repeat scroll left center; border-bottom: 1px dashed rgb(207, 216, 230); }
.baikebody .baikecenter .twocolumnwrap { float: left; margin-top: 10px; width: 740px; }
.baikebody .baikecenter .twocolumnwrap .columnwrap { float: left; width: 360px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wraphead { float: left; width: 360px; height: 38px; line-height: 38px; border-bottom: 1px solid rgb(207, 216, 230); font-weight: bold; }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wraphead .headtext { float: left; width: 100px; text-indent: 15px; }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wraphead .headmore { float: right; padding-right: 15px; width: 60px; text-align: right; font-weight: normal; color: rgb(219, 57, 98); }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs { float: left; margin: 11px 15px 0px; width: 330px; height: 150px; border-bottom: 1px dashed rgb(207, 216, 230); }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs .imgsleft { float: left; width: 185px; height: 135px; overflow: hidden;text-align:center;}
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs .imgsleft img{height:100%;}
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs .imgsright { float: right; width: 130px; height: 135px; }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs .imgsright .title { float: left; width: 130px; height: 35px; line-height: 35px; font-weight: bold; overflow: hidden; }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs .imgsright .summary { float: left; width: 120px; height: 75px; line-height: 25px; overflow: hidden; }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapimgs .imgsright .detailgo { float: left; width: 130px; height: 25px; line-height: 25px; text-align: right; color: rgb(219, 57, 98); }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapline { float: left; margin: 0px 15px; padding-left: 10px; width: 320px; height: 37px; border-bottom: 1px dashed rgb(207, 216, 230); }
.baikebody .baikecenter .twocolumnwrap .columnwrap .wrapline .lineleft { float: left; padding-left: 20px; width: 290px; height: 37px; line-height: 37px; background: rgba(0, 0, 0, 0) no-repeat scroll left center; }
.baikebody .baikecenter .onecolumnwrap .wrapline .lineright { float: right; text-align: right; padding-right: 10px; width: 260px; height: 37px; line-height: 37px; color: gray; overflow: hidden; }
.baikebody .baikecenter .onecolumnwrap .listpager { float: left; padding: 37px 20px 35px; width: 700px; text-align: right; }
.baikebody .baikecenter .onecolumnwrap .listpager a { margin: 0px 5px; padding: 5px 8px; font-size: 12px; border: 1px solid rgb(210, 210, 210); background: rgb(238, 238, 238) none repeat scroll 0% 0%; }
.baikebody .baikecenter .onecolumnwrap .listpager a:hover { text-decoration: none; background: rgb(216, 216, 216) none repeat scroll 0% 0%; }
.baikebody .baikecenter .onecolumnwrap .listpager span { margin: 0px 5px; padding: 0px 8px; }
.baikebody .baikecenter .onecolumnwrap .listpager span.c { padding: 5px 8px; border: 1px solid rgb(210, 210, 210); background: rgb(216, 216, 216) none repeat scroll 0% 0%; }
.mainwrap .p-name{text-align:center;}
.mainwrap .p-price{text-align:center;}
#article_list .baikecenter .onecolumnwrap .wrapline{width:700px;border-bottom: 1px solid #cfd8e6;height:37px;}
#article_list .baikecenter .onecolumnwrap .wrapline .lineleft{float: left;padding-left: 20px;width: 410px;height: 37px;line-height: 37px;background: no-repeat left center;}
#article_list .baikecenter .onecolumnwrap .wrapline .lineleft a{color:#222;}
.am-pagination{float:right;}
.am-pagination li{float:left;}
#article_detail .baikeright{float: left;width: 950px;background: #ffffff; margin-top: 10px;}
#article_detail .baikewrap { float: left; width: 950px; }
#article_detail .baikewrap .baiketitle { float: left; width: 950px; height: 50px; line-height: 50px; border-bottom: 1px solid #bfbfbf; color: #402719; text-align: center; font-size: 15px; font-weight: bold; }
#article_detail .baikewrap .baikeauthor { float: left; width: 950px; height: 60px;padding-top:10px; text-align: center; }
#article_detail .baikewrap .baikeauthor .showtimeauther { width:100%;text-align: center;}
#article_detail .baikewrap .baikeauthor .baikeshare { height:30px;text-align: center; padding-top: 10px;}
#article_detail .baikewrap .baikesummary {font-size:14px; float: left; margin-left: 25px; padding: 5px 10px; width: 880px; line-height: 25px; background: #f5f5f5; }
#article_detail .baikewrap .baikecontent {font-size:14px; float: left; margin-left: 25px; padding: 20px 0; width: 900px; line-height: 25px; }
#article_detail .baikewrap .baikecontent a {color:red; }
#article_detail .baikewrap .baikecontent p {margin-top:15px;margin-bottom:30px; }
#article_detail .baikewrap .baikeprevnext { float: left; margin-left: 25px; padding: 20px 0; width: 900px; line-height: 25px; }
#article_detail .baikewrap .baikeprevnext .previtem { float: left; padding: 0; width: 450px; line-height: 25px; }
#article_detail .baikewrap .baikeprevnext .nextitem { float: right; padding: 0; width: 450px; line-height: 25px; text-align: right; }
.baikepath { margin:0 auto;width:1180px;padding-top:10px;}
.wraphead .nav { height:50px; line-height:50px;margin-top: 0px; float: none; padding: 0px;}
#article_detail .baikewrap .baikeproduct { float: left; margin-left: 25px; padding: 20px 0; width: 900px; line-height: 25px; }
#article_detail .baikewrap .baikeproduct ul { margin: 0px; padding: 0px; }
#article_detail .baikewrap .baikeproduct li { overflow: hidden; float: left; width: 220px; height: 250px; }
#article_detail .baikewrap .baikeproduct li img{transition: all 0.5s;width: 200px; height: 200px;}
#article_detail .baikewrap .baikeproduct li img:hover{transform: translatex(10px);}
#article_detail .baikewrap .baikeproduct div { text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 40px;}
#article_detail .baikewrap .orderflag {float: left;margin: 20px 0;padding: 0;width: 910px;height: 35px;line-height: 35px;
overflow: hidden;}
#article_detail .baikewrap .orderflag .flagleft {float: left;margin-left: 26px;width: 500px;font-size:18px;}
.recommend_w{background-color: #fff;margin-top: 10px;}
.recommend_w ul{padding:10px;}
.recommend_w ul li{line-height: 28px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;}
/*****19-6-20**************/
.baikebody img{max-width: 100%;}
.hot_huayu .tit{font-size: 16px;width:100%;height: 38px;line-height: 38px;font-weight: 700;text-indent: 12px;background: transparent repeat scroll 0% 0%;}
.hot_huayu .tit a{float: right;padding-right: 10px;}
.hot_huayu ul{background-color: #fff;padding:20px 0px 10px;}
.hot_huayu ul li{width:180px;float: left;margin: 0px 10px;overflow: hidden;}
.hot_huayu ul li img{width:180px;height: 180px;transition: all 0.5s;}
.hot_huayu ul li:hover img{transform: translatex(-5px);}
.hot_huayu ul li p{padding: 0px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 36px;}
.hy-body{padding-top: 20px;margin-top: 20px;}
.hy-body .left_c{width: 875px;float: left;}
.hy-body .left_c .row{background-color: #fff;margin-bottom: 20px;}
.hy-body .left_c .imgleft{float: left;width:230px;height: 230px;overflow: hidden;padding: 10px;}
.hy-body .left_c .row .bit{font-size: 16px;width: 100%;height: 38px;line-height: 38px;font-weight: 700;text-indent: 12px;background: transparent repeat scroll 0% 0%;}
.hy-body .left_c .row .bit a{float: right;padding-right: 5px;}
.hy-body .left_c .imgleft img{transition: all 1s;}
.hy-body .left_c .imgleft:hover img{transform: scale(1.05);}
.hy-body .left_c .imgright{float: right;width: 590px;margin-right: 10px;}
.hy-body .left_c .spec{border-bottom: 1px dashed #cfd8e6;}
.hy-body .left_c .spec .title{height: 35px;line-height: 35px;font-weight: 700;overflow: hidden;font-size: 16px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hy-body .left_c .summary{height:65px;line-height: 20px;overflow: hidden;}
.hy-body .left_c .spec .detailgo{height: 25px;line-height: 25px;text-align: right;margin-bottom: 5px;}
.hy-body .left_c .spec .detailgo a{color: #db3962;}
.hy-body .left_c .wrapline .lineleft{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float: left;padding-left: 20px;width: 275px;height: 37px;line-height: 37px;background: transparent no-repeat scroll left center;border-bottom: 1px dashed #cfd8e6;}
.hy-body .right_c{width: 300px;float: right;}
.hy-body .right_c .rt_hot{background-color: #fff;}
.hy-body .right_c .headtext{height: 38px;line-height: 38px;font-weight: 700;text-indent: 12px;background: transparent repeat scroll 0% 0%;font-size: 16px;}
.right_c .rt_hot .rt_img{padding: 10px 20px;}
.right_c .rt_hot .rt_img a{display: block;width: 100%;overflow: hidden;}
.right_c .rt_hot .rt_img img{transition: all 0.5s;}
.right_c .rt_hot .rt_img:hover img{transform: translatex(10px);}
.right_c .rt_hot .rt_img p{line-height: 30px;text-align: center;padding: 0px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.right_c .rt_hot .mainwrap{margin: 0px 15px;border-top: 1px dashed #db3962;padding: 5px 0px;}
.right_c .rt_hot .mainwrap li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 19px;height: 28px;line-height: 28px;background: transparent no-repeat scroll left center;}
.hy-body .right_c .xhzs{background-color: #fff;margin-top: 20px;}
.hy-body .right_c .xhzs ul{padding: 10px 20px;}
.hy-body .right_c .xhzs li{text-align: center;margin-bottom:10px;overflow: hidden;}
.hy-body .right_c .xhzs li img{transition: all 0.5s;height: 260px;}
.hy-body .right_c .xhzs li:hover img{transform: translatex(10px);}
.hy-body .right_c .xhzs li p{line-height: 37px;text-align: center;padding: 0px 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.baikebody .news-type{line-height: 30px;}
.news_left{width: 865px;float: left;}
.news-list li{margin-top:10px;background: #fff;margin-bottom:20px;}
.news-list li .img{width: 160px;height: 160px;overflow: hidden;float: left;}
.news-list li .img img{max-width: 100%;transition: all 0.2s;}
.news-list li .img:hover img{transform: scale(1.05);}
.news-list li .txt{width:640px;padding-left: 20px;float: left;}
.news-list li .txt .title{height: 35px;font-size: 16px;line-height: 35px;padding-top: 5px;}
.news-list li .txt .body{height: 78px;line-height: 20px;overflow: hidden;color: #555;}
.news-list li .txt .date{margin-top:15px;margin-right: 10px;color: #999;}
.news-list li .txt .date a{padding-left:20px;}
.news-list li .txt .date .gomore{color: #402719;float: right;}
.news_left .listpager{flex-direction:row;display: -webkit-flex;display: flex; flex-wrap:wrap ; justify-content:flex-end;margin-bottom: 60px;margin-top: 77px;}
.news_left .listpager span{margin: 0 5px;padding: 0 8px;}
.news_left .listpager a{margin: 0 5px;padding: 5px 8px;font-size: 12px;border: 1px solid #d2d2d2;background: #eee none repeat scroll 0% 0%;}
.news_right{float: right;width:300px;margin-top:10px;}
.news_right .headtext{font-size: 14px;height: 38px;line-height: 38px;font-weight: 700;text-indent: 12px;background: transparent repeat scroll 0% 0%;}
.news_right .leftmain{background-color: #fff;padding: 13px 10px;}
.news_right .leftmain .mainhead{height: 24px;line-height: 24px;font-weight: 700;text-indent: 5px;color: #db3962;background: #fff6f8 none repeat scroll 0% 0%;}
.news_right .leftmain .mainhead span{font-size: 14px;}
.news_right .leftmain .mainwrap{padding: 10px 0;border-bottom: 1px dashed #db3962;margin-bottom: 13px;}
.news_right .leftmain .mainwrap .nodeitem{float: left;width:33.33%;height: 24px;line-height: 24px;text-indent: 5px;}
.news_right .new_article{margin-top:20px;background-color: #fff;}
.news_right .new_article .mainwrap{margin: 0px 15px;padding: 5px 0px;}
.news_right .new_article .mainwrap li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 19px;height: 28px;line-height: 28px;background: transparent no-repeat scroll left center;}
.news_right .hot_label{margin-top:20px;background-color: #fff;}
.news_right .hot_label ul{margin: 0px 10px;padding: 5px 0px;}
.news_right .hot_label li{margin: 8px 5px;float: left;}
.news_right .hot_label li a{padding:4px 8px;border: 1px solid #d2d2d2;border-radius: 5px;font-size: 14px;text-align: center;display: inline-block;color: #333;}
.baikebody .right_con{float: right;width: 240px;}
.baikebody .right_con .headtext{font-size: 14px;height: 38px;line-height: 38px;font-weight: 700;text-indent: 12px;background: transparent repeat scroll 0% 0%;}
.baikebody .right_con .new_article{margin-top:10px;background-color: #fff;margin-bottom:20px;}
.baikebody .right_con .new_article .mainwrap{margin: 0px 15px;padding: 5px 0px;}
.baikebody .right_con .new_article .mainwrap li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 19px;height: 28px;line-height: 28px;background: transparent no-repeat scroll left center;}
.right_con .leftmain .mainwrap .nodeitem{width: 50%;}
.recommend_pro{background-color: #fff;}
.recommend_pro .orderflag{width: 100%;float: left;padding: 0;height: 35px;line-height: 35px;overflow: hidden;margin-bottom: 30px;margin-top: 30px;}
.recommend_pro .orderflag .flagleft{float: left;width: 500px;font-size: 18px;color: #402719;font-weight: 400;}
.recommend_pro .orderflag .headmore{float: right;padding-right:10px;}
.recommend_pro ul{}
.recommend_pro ul li{overflow: hidden;float: left;width: 220px;height: 260px;margin-right:25px;}
.recommend_pro ul li:nth-child(5n 0){margin-right:0px;}
.recommend_pro ul li img{width: 220px;height: 220px;transition: all 0.5s;}
.recommend_pro ul li img:hover{transform: translatex(10px);}
.recommend_pro ul li div{text-align: center;line-height: 40px;}
.recommend_pro .orderflag .headmore a{font-size: 16px;color: #402719;}