/*html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("../fonts/8e50dc171a964325992e99a2d7bd816d.woff"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);}*/
body{ overflow-x:hidden;}
/*焦点图*/
.focus_wrap{ width:100%; min-width:1200px; height:440px; background:#faf6ec; overflow:hidden; position:relative;}
.pics_focus{ width:1200px; height:440px; position:relative; margin:0 auto;}
.pics_focus .mask_left{ width:1200px; height:100%; background:#faf6ec; opacity:0.8; filter:alpha(opacity=80); position:absolute; right:50%; top:0; margin-right:600px; z-index:3;}
.pics_focus .mask_right{ width:1200px; height:100%; background:#faf6ec; opacity:0.8; filter:alpha(opacity=80); position:absolute; left:50%; top:0; margin-left:600px; z-index:3;}
.pics_focus .arrow_left{ width:40px; height:100%; background:url(../images/arrow_l.png) center center no-repeat; position:absolute; left:-80px; top:0; z-index:9; cursor:pointer; outline:none;}
.pics_focus .arrow_right{ width:40px; height:100%; background:url(../images/arrow_r.png) center center no-repeat; position:absolute; right:-80px; top:0; z-index:9; cursor:pointer; outline:none;}
.pics_focus .swiper-container{ width:1200px;}
.pics_focus .swiper-slide{ width:1200px; height:440px;}
.pics_focus .swiper-slide img{ width:100%; height:100%;}
.pics_focus .focus_l{ width:880px; height:440px; float:left;}
.pics_focus .focus_l .pic{ width:100%; height:100%; border:none;}
.pics_focus .focus_r{ width:320px; height:440px; background:#303030; float:right; position:relative;}
.pics_focus .focus_r .title{ height:auto; line-height:40px; padding:30px 30px 20px; font-size:30px; color:#fff;}
.pics_focus .focus_r .title a{ color:#fff;}
.pics_focus .focus_r .title a:hover{ color:#c9a063;}
.pics_focus .focus_r .notes{ height:auto; line-height:30px; padding:0 30px; font-size:16px; color:#fff;}
.pics_focus .focus_r .notes a{ color:#fff;}
.pics_focus .focus_r .notes a:hover{ color:#c9a063;}
.pics_focus .focus_r .sort{ height:14px; line-height:14px; padding-left:10px; padding:0; border-left:4px solid #f00; border:none; font-size:14px; color:#fff; position:absolute; left:30px; bottom:30px;}
.pics_focus .focus_r .sort a{ color:#fff;}
.pics_focus .focus_r .sort a:hover{ color:#c9a063;}
.pics_focus .focus_r .epaper{ width:260px; height:auto; padding-top:20px; border-top:1px solid #454545; position:absolute; left:30px; bottom:25px; display:none;}
.pics_focus .focus_r .epaper img{ width:100%; height:auto; display:block; border:none;}
.page_focus{ position:absolute; right:710px; bottom:15px; z-index:9;}

/*快讯*/
.kuaixun_wrap{ width:100%; min-width:1200px; height:40px;}
.kuaixun{ width:1200px; height:100%; position:relative; margin:0 auto;}
.kuaixun .title{ width:40px; height:40px; line-height:40px; padding-left:28px; background:url(../images/layout.png) -300px -147px no-repeat; font-size:14px; font-weight:bold; color:#c9a063; float:left;}
.kuaixun .list{ width:900px; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; position:relative; float:left;}
.kuaixun .list ul{ width:100%; height:auto;}
.kuaixun .list ul li{ height:40px; line-height:40px; font-size:14px; color:#444; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.kuaixun .list ul li a{ color:#444;}
.kuaixun .list ul li .time{ padding-left:10px; font-size:14px; font-family:arial; color:#999;}
.kuaixun .search{ width:200px; height:23px; border-bottom:1px solid #ddd; background:#f1f1f1; position:absolute; right:0; top:8px;}
.kuaixun .search .txt{ width:170px; height:22px; line-height:22px; background:none; outline:none; font-size:12px; font-family:Hiragino Sans GB, Microsoft Yahei, arial, sans-serif; color:#bdbdbd; float:left;}
.kuaixun .search .btn{ width:30px; height:23px; background:url(../images/layout.png) -248px -250px no-repeat; text-indent:-9999px; cursor:pointer; float:left;}

/*推荐产品*/
.product{ width:1200px; height:238px; margin:20px auto; overflow:hidden;}
.product .swiper-container{ width:1220px;}
.product .swiper-slide{ width:305px; height:238px;}
.product .list{ width:1220px; height:100%;}
.product .item{ width:285px; height:auto; background:#fff; margin:0 20px 0 0; display:inline; float:left; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.product .item dt{ height:160px; overflow:hidden;}
.product .item dt img{ 
	width:100%; height:100%; border:none;
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
		 -o-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
			transition: all 0.5s linear 0s;
}
.product .item:hover dt img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.product .item dd{ height:48px; line-height:24px; font-size:16px; color:#000; margin:15px 10px 15px 15px; overflow:hidden;}
.product .item dd a{ color:#000;}
.product .item dd a:hover{ color:#c9a063;}
.page_product{ position:absolute; right:10px; bottom:10px; z-index:9; display:none;}

/*ad*/
.ad_1200_100{ width:1200px; height:auto; margin:0 auto;}
.ad_1200_100 img{ width:100%; height:auto; border:none; margin:20px 0;}
.ad_800_75{ width:800px; height:auto; clear:both;}
.ad_800_75 img{ width:100%; height:auto; border:none;}
.ad_365_200{ width:365px; height:auto;}
.ad_365_200 img{ width:100%; height:auto; border:none;}
.ad_365_120{ width:365px; height:auto;}
.ad_365_120 img{ width:100%; height:auto; border:none;}
.mb20{ margin-bottom:20px;}
.mt20{ margin-top:20px;}

/*大图文*/
.picture_wrap{ width:100%; min-width:1200px; height:auto; margin-bottom:20px; position:relative;}
.picture_wrap .pic{ width:100%; height:auto; border:none; display:block;}
.picture_wrap .mask{ width:100%; height:100%; background:url(../images/bg_black_20.png) repeat; position:absolute; left:0; top:0;}
.picture_wrap .mask a{ width:100%; height:100%; display:block;}
.picture_wrap .miaoshu{ width:500px; height:100%; background:url(../images/bg_black.png) repeat; position:absolute; left:50%; margin-left:-600px; top:0;}
.picture_wrap .miaoshu .title{ height:auto; line-height:40px; padding:40px 30px 20px; font-size:30px; color:#fff;}
.picture_wrap .miaoshu .title a{ color:#fff;}
.picture_wrap .miaoshu .title a:hover{ color:#c9a063;}
.picture_wrap .miaoshu .notes{ height:auto; line-height:30px; padding:0 30px; font-size:16px; color:#fff;}
.picture_wrap .miaoshu .notes a{ color:#fff;}
.picture_wrap .miaoshu .notes a:hover{ color:#c9a063;}
.picture_wrap .miaoshu .sort{ height:14px; line-height:14px; padding-left:10px; padding:0; border-left:4px solid #f00; border:none; font-size:14px; color:#fff; position:absolute; left:30px; bottom:20px;}
.picture_wrap .miaoshu .sort a{ color:#fff;}
.picture_wrap .miaoshu .sort a:hover{ color:#c9a063;}

/*cube滚动*/
#cubeSwiper{ width:800px; height:90px; margin-bottom:20px;}
#cubeSwiper	.swiper-slide img{ width:100%; height:100%;}
#cubePage{ display:none;}

/*卡片列表*/
.wrapper{ width:1200px; height:auto; margin:0 auto 30px;}
.wrapper .wrap_l{ width:800px; height:auto; float:left;}
.wrapper .wrap_r{ width:365px; height:auto; float:right;}
.tab_news{ width:100%; height:auto; margin-bottom:20px;}
.tab_news li{ width:35px; height:28px; line-height:28px; padding-left:25px; background:#bbb url(../images/layout.png) -298px -195px no-repeat; font-size:14px; color:#fff; cursor:pointer; margin-right:1px; float:left;}
.tab_news li.first{ background:#bbb url(../images/layout.png) -298px -232px no-repeat;}
.tab_news li.on{ background-color:#c9a063;}
.news_wrap{ width:100%; height:auto;}
.news_wrap .list{ width:100%; height:auto; display:none;}
.news_wrap .list.show{ display:block;}
.news_wrap .list.card{ width:100%;}
.news_wrap .list .wrap{ width:100%; height:auto;}
.news_wrap .list .item{ width:auto; height:auto; background:#fff; padding:20px; margin-bottom:1px; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.news_wrap .list .item dt{ width:250px; height:140px; margin-right:20px; overflow:hidden; float:left;}
.news_wrap .list .item dt img{ 
	width:100%; height:100%; border:none;
	-webkit-transition: all 0.5s linear 0s;
	   -moz-transition: all 0.5s linear 0s;
		 -o-transition: all 0.5s linear 0s;
		-ms-transition: all 0.5s linear 0s;
			transition: all 0.5s linear 0s;
			object-fit: contain;        /* 保持比例，完整显示 */
  object-position: center;
}
.news_wrap .list .item:hover dt img{
	-webkit-transform: scale(1.05);
	   -moz-transform: scale(1.05);
		 -o-transform: scale(1.05);
		-ms-transform: scale(1.05);
			transform: scale(1.05);
}
.news_wrap .list .item dd{ height:auto; line-height:24px; font-size:16px; color:#000; margin-bottom:8px;}
.news_wrap .list .item dd.desc{ font-size:14px; color:#666; margin-bottom:20px;}
.news_wrap .list .item dd.desc a{ color:#666;}
.news_wrap .list .item dd.sort{ height:14px; line-height:14px; font-size:14px;}
.news_wrap .list .item dd.sort .ico{ width:4px; height:14px; background:#f00; margin-right:10px; float:left; display:none;}
.news_wrap .list .item dd.sort a{ color:#666;}
.news_wrap .list .item dd.sort a:hover{ color:#c9a063;}
.news_wrap .list .item dd.sort .time{ font-size:12px; font-family:arial; color:#999; padding-left:15px;}
/*card*/
.news_wrap .list.card .item{ width:285px; height:auto; padding:0 0 5px 0; margin:0 20px 20px 0; display:inline; float:left;}
.news_wrap .list.card .item:nth-child(4n){margin-right:0;}
.news_wrap .list.card .item dt{ width:100%; height:190px; margin-right:0; float:none;}
.news_wrap .list.card .item dd{ height:48px; margin:10px 10px 10px 15px; overflow:hidden;}
.news_wrap .list.card .item dd.desc{}
.news_wrap .list.card .item dd.sort{ height:14px; margin:5px 15px;}
.news_wrap .list.card .item dd.sort .time{ padding-left:10px;}


@media screen and (max-width:767px){
.kuaixun_wrap{ width:auto; min-width:300px; margin:0 10px; display:none;}
.kuaixun{ width:100%;}
.kuaixun .title{ width:10%; padding-left:7%;}
.kuaixun .list{ width:83%;}
.kuaixun .search{ display:none;}
.focus_wrap{ width:auto; min-width:300px; height:auto; margin:10px;}
.pics_focus{ width:100%; height:221px;}
.pics_focus .mask_left{ display:none;}
.pics_focus .mask_right{ display:none;}
.pics_focus .arrow_left{ display:none;}
.pics_focus .arrow_right{ display:none;}
.pics_focus .swiper-container{ width:100%;}
.pics_focus .swiper-slide{ height:100%; opacity:1;}
.pics_focus .focus_l{ width:100%; height:100%; float:none;}
.pics_focus .focus_l .pic{ height:221px;}
.pics_focus .focus_r{ width:92%; height:auto; padding:10px 5% 10px 3%; background:url(../images/bg_black_mask.png) left top repeat-x; float:none; position:absolute; left:0; bottom:0;}
.pics_focus .focus_r .title{ padding:0 0 5px 0; line-height:1.5em; font-size:16px; color:#fff;}
.pics_focus .focus_r .title a{ color:#fff; display:block;}
.pics_focus .focus_r .notes{ display:none;}
.pics_focus .focus_r .sort{ margin:0; position:static;}
.pics_focus .focus_r .sort a{ color:#fff;}
.pics_focus .focus_r .epaper{ display:none;}
.page_focus{ right:12px; bottom:8px;}
.swiper-pagination-switch {width:8px; height:8px; margin-left:8px;}
.product{ width:auto; height:auto; margin:10px;}
.product .swiper-container{ width:100%;}
.product .swiper-slide{ width:202px; height:168px;}
.product .list{ width:103%; height:auto; margin-left:-1.5%;}
.product .list .item{ width:47%; margin:0 1.5% 10px;}
.product .list .item dt{ height:108px;}
.product .list .item dt img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.product .list .item:hover dt img{ -webkit-transform: scale(1); transform: scale(1);}
.product .list .item dd{ margin:10px; font-size:16px;}
.product .item{ width:192px; margin:0 10px 0 0;}
.product .item dt{ height:108px;}
.product .item dt img{ -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.product .item:hover dt img{ -webkit-transform: scale(1); transform: scale(1);}
.product .item dd{ margin:10px; height:40px; line-height:20px; font-size:14px;}
.ad_1200_100{ width:100%;}
.ad_1200_100 img{ width:95%; height:auto; margin:10px 2.5%;}
.ad_800_75{ width:100%; margin-bottom:10px;}
.ad_365_200{ width:100%;}
.ad_365_120{ width:100%;}
.mb20{ margin-bottom:10px;}
.mt20{ margin:0;}
.picture_wrap{ width:auto; min-width:300px; min-height:60px; margin:0 10px 10px;}
.picture_wrap .mask{ display:none;}
.picture_wrap .miaoshu{ width:100%; height:auto; padding-bottom:15px; background:#fff; margin-left:0; position:static;}
.picture_wrap .miaoshu .title{ padding:10px 10px 5px 12px; line-height:1.5em; font-size:18px; color:#000;}
.picture_wrap .miaoshu .title a{ color:#000;}
.picture_wrap .miaoshu .notes{ padding:0 10px 10px 12px; line-height:1.5em; font-size:16px; color:#666; display:none;}
.picture_wrap .miaoshu .notes a{ color:#666;}
.picture_wrap .miaoshu .sort{ position:static; margin-left:12px; border-width:2px;}
.picture_wrap .miaoshu .sort a{ color:#666;}
#cubeSwiper{ width:100%; height:10.5vw; margin-bottom:10px;}
.swiper-pagination-bullet{ width:6px; height:6px;}
.wrapper{ width:auto; margin:0 10px 10px;}
.wrapper .wrap_l{ width:100%; float:none;}
.wrapper .wrap_r{ width:100%; float:none;}
.tab_news{ display:none;}
.news_wrap .list{ display:none;}
.news_wrap .list.card{ width:100%; display:block;}
.news_wrap .list .item{ padding:10px; margin-bottom:10px;}
.news_wrap .list .item dt{ width:33%; height:auto; margin-right:10px;}
.news_wrap .list .item dt img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.news_wrap .list .item:hover dt img{ -webkit-transform: scale(1); transform: scale(1);}
.news_wrap .list .item dd{ padding-left:36%;}
.news_wrap .list .item dd.desc{ line-height:1.5em; margin-bottom:10px; display:none;}
.news_wrap .list .item dd.sort{ height:auto; line-height:18px; margin-bottom:0;}
.news_wrap .list .item dd.sort .ico{ width:2px; margin:2px 6px 0 0;}
.news_wrap .list .item dd.sort .time{ padding-left:8px;}
.news_wrap .list.card .item{ width:auto; height:auto; padding:10px; margin:0 0 10px 0; display:block; float:none;}
.news_wrap .list.card .item dt{ width:33%; height:auto; margin-right:10px; float:left;}
.news_wrap .list.card .item dt img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.news_wrap .list.card .item:hover dt img{ -webkit-transform: scale(1); transform: scale(1);}
.news_wrap .list.card .item dd{ height:auto; padding-left:36%; margin:0 0 8px 0; overflow:visible;}
.news_wrap .list.card .item dd.desc{ line-height:1.5em; margin-bottom:10px; display:none;}
.news_wrap .list.card .item dd.sort{ height:auto; line-height:18px; margin:0;}
.news_wrap .list.card .item dd.sort .ico{ width:2px; margin:2px 6px 0 0;}
.news_wrap .list.card .item dd.sort .time{ padding-left:8px;}
.news_wrap .list .load_more{ width:100%; height:40px; line-height:40px;}
.h3_title{ border-width:4px; margin:15px 0;}
.h3_title.black{ display:none;}
.video_tkp{ margin-bottom:10px;}
.video_tkp .item{ padding:15px 10px 15px 15px;}
.video_tkp .item dt{ width:33%; height:auto;}
.video_tkp .item dt img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.video_tkp .item:hover dt img{ -webkit-transform: scale(1); transform: scale(1);}
.video_tkp .item dd{ padding-left:36%; font-size:16px; line-height:1.5em; font-weight:normal;}
.video_tkp .item.first dt{ height:auto;}
.video_tkp .item.first dd a{ width:95%; line-height:20px; padding:30px 2% 8px 3%;}
.ranking{ margin-bottom:5px; display:none;}
.qr_code{ display:none;}
.chanye_wrap{ width:auto; height:auto; margin:0 10px; position:static;}
.chanye_wrap .h3_tab{ width:100%; position:static; margin-bottom:5px; color:#c9a063;}
.chanye_wrap .h3_tab a{ color:#c9a063;}
.chanye_wrap .chanye{ width:100%; position:static;}
.chanye_wrap .chanye .item{ width:100%; height:auto; margin:0 0 10px 0; display:block; float:none;}
.chanye_wrap .chanye .item img{ height:auto; -webkit-transition: all 0s linear 0s; transition: all 0s linear 0s;}
.chanye_wrap .chanye .item:hover img{ -webkit-transform: scale(1); transform: scale(1);}
.chanye_wrap .chanye .item .notes{ width:95%; line-height:20px; padding:30px 2% 8px 3%;}
.banner_spring{ width:100%; left:0; margin:0;}
#tipback{ width:35px; height:35px; background-size:50% auto; margin-left:0; left:auto; right:15px; opacity:0.6;}
.diaocha_fixed{ width:80px; height:auto; top:auto; left:auto; margin-left:0; bottom:10px; right:10px;}
}

@media screen and (max-width:375px){
.pics_focus{ height:200px;}
.pics_focus .focus_l .pic{ height:200px;}
.product .list .item dt{ height:98px;}
}

@media screen and (max-width:360px){
.pics_focus{ height:191px;}
.pics_focus .focus_l .pic{ height:191px;}
.product .list .item dt{ height:93px;}
}

@media screen and (max-width:320px){
.kuaixun .title{ width:12%; padding-left:9%;}
.kuaixun .list{ width:79%;}
.pics_focus{ height:168px;}
.pics_focus .focus_l .pic{ height:168px;}
.product .list .item dt{ height:82px;}
.product .list .item dd{ height:40px; line-height:20px; font-size:14px;}
}
