@charset "utf-8";
/* index 首页*/
.icontainer {display: flex;	justify-content: space-between;}
.icontainer .ileft {width: 400px;}
.icontainer .icenter {width: 450px;}
.icontainer .iright {width: 300px;}

.icontainer .ileft .left-title1 {border-bottom: 1px solid #e5e5e5;height: 34px;display: flex;justify-content: space-between;margin: 17px 0;}
.icontainer .ileft .left-title1 .headtitle {width: 100px;font-size: 23px;font-weight: bold;height: 34px;line-height: 24px;text-align: center;border-bottom: 2px solid #2270d5;}
.icontainer .ileft .left-title1 .more{font-size: 16px;line-height: 24px;height: 24px;text-align: center;width: 40px;border: 1px solid #e0e0e0;border-radius: 4px;margin:auto 0;}
.icontainer .ileft .left-list1 {margin-bottom: 20px;}
.icontainer .ileft .left-list1 ul {}
.icontainer .ileft .left-list1 ul li {font-size: 16px;line-height: 34px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.icontainer .ileft .left-list1 ul li :before {content: "";display: inline-block;width: 3px;height: 3px;background-color: #999999;margin: 4px 10px 4px 0;}
.icontainer .iright .right-title1 {display: flex;justify-content: space-between;height: 40px;border-bottom: #e0e0e0 2px solid;border-top: #e0e0e0 1px solid;}
.icontainer .iright .right-title1 .headtitle {height: 43px;line-height: 43px;font-size: 23px;font-weight: 600;}
.icontainer .iright .right-title1 .more {font-size: 16px;line-height: 24px;height: 24px;text-align: center;width: 40px;border: 1px solid #e0e0e0;border-radius: 4px;margin:auto 0;}

.icontainer .icenter .icenter-top {border-bottom: 1px dashed #e0e0e0;}
.icontainer .icenter .icenter-top .icenter-title {font-size: 20px;font-weight: 600;line-height: 40px;padding: 0 10px;text-align: center;color: #ff0000;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.icontainer .icenter .icenter-top .icenter-title a {color: #ff0000;}
.icontainer .icenter .icenter-top .icenter-introduce {font-size: 14px;line-height: 38px;padding: 0 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.icontainer .icenter .center-list1 {margin-top: 10px;overflow: hidden;}
.icontainer .icenter .center-list1 .list1-head {display: flex;margin: 10px 0;}
.icontainer .icenter .center-list1 .list1-head .list1-t {font-size: 16px;font-weight: 600;width: 20%;padding-left: 10px;}
.icontainer .icenter .center-list1 .list1-head .list1-line {background: #d3d3d3;height: 1px;width: 80%;margin: auto 0;}
.icontainer .icenter .center-list1 ul {display: flex;flex-flow: row wrap;}
.icontainer .icenter .center-list1 ul li {font-size: 16px;line-height: 32px;margin-right: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.icontainer .icenter .center-list1 ul li:before {content: "";display: inline-block;width: 3px;height: 3px;background-color: #999999;margin: 4px 10px 4px 0;}
.icontainer .icenter .center-list1 ul li span {background: #ff2222;border-radius: 2px;color: #fff;font-size: 14px;padding: 2px 4px;margin: 3px 5px 3px 0;}

.icontainer2 {display: flex;justify-content: space-between;}
.icontainer2 .ileft {width: 875px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.icontainer2 .iright {width: 300px;}
.icontainer2 .ileft .head-sub-index-t{width: 875px;}

.icontainer2 .ileft .index-img3 {display: flex;flex-wrap: wrap;justify-content: space-between;width: 400px;}
.icontainer2 .ileft .index-img3 div {width: 195px;height: 150px;position: relative;overflow:hidden;margin-bottom: 7px;}
.icontainer2 .ileft .index-img3 div img {width: 195px;height: 150px;}
.icontainer2 .ileft .index-img3 div img:hover {width:100%;transition: all 0.2s;transform: scale(1.2);}
.icontainer2 .ileft .index-img3 div span {position: absolute;width: 180px;height:22px;bottom: 0px;left: 0px;background-color: rgba(0,0,0,0.6);line-height: 22px;padding: 2px 8px;font-size: 14px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;font-weight:400;}
.icontainer2 .ileft .index-img3 div span a{color:#fff;}
.icontainer2 .ileft .index-img3 div:first-child {width: 400px;height: 300px;position: relative;overflow:hidden;margin: 10px 0;}
.icontainer2 .ileft .index-img3 div:first-child img {width: 400px;height: 300px;}
.icontainer2 .ileft .index-img3 div:first-child img:hover {width:100%;transition: all 0.2s;transform: scale(1.2);}
.icontainer2 .ileft .index-img3 div:first-child span {position: absolute;width: 385px;height:28px;bottom: 0px;left: 0px;background-color: rgba(0,0,0,0.6);line-height: 28px;padding: 2px 8px;font-size: 16px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;font-weight:400;}
.icontainer2 .ileft .index-img3 div:first-child span a{color:#fff;}

.icontainer2 .ileft .center-list2 {width:450px;overflow: hidden;}
.icontainer2 .ileft .center-list2 ul {display: flex;flex-flow: row wrap;}
.icontainer2 .ileft .center-list2 ul li {font-size: 16px;line-height: 32px;margin-right: 10px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.icontainer2 .ileft .center-list2 ul li:before {content: "";display: inline-block;width: 3px;height: 3px;background-color: #999999;margin: 4px 10px 4px 0;}
.icontainer2 .ileft .center-list2 ul li:nth-child(1),.icontainer2 .ileft .center-list2 ul li:nth-child(7){font-size:20px;line-height: 50px;font-weight:600;}
.icontainer2 .ileft .center-list2 ul li:nth-child(1):before,.icontainer2 .ileft .center-list2 ul li:nth-child(7):before{width: 0;height: 0;margin:0;}

.friendlink {background: #fafafa;margin:20px 0;}
.friendlink .friendlink-head {height: 50px;line-height:50px;font-size: 18px;font-weight: 600;padding:0 20px;border-top: 2px solid #d0d0d0;border-bottom: 1px solid #e0e0e0;}
.friendlink .friendlink-site {line-height: 24px;padding: 10px 20px;font-size: 13px;}
.friendlink .friendlink-site a {margin-left: 5px;}
.friendlink .friendlink-site a:first-child{margin-left:0;}

/* 首页首屏 */
.index-screenBg{background: url('image/index_bg.jpg') center center;min-width: 1200px;height: 520px;}
.index-screen1 {display: flex;justify-content: space-between;}
.index-screen1 .left{width:240px;}
.index-screen1 .center{width: 720px;margin-top: 15px;}
.index-screen1 .right{width: 215px;margin-top: 15px;background: #fff;}
.right-tips ul {display:flex;flex-wrap: wrap;border: 1px solid #e5e5e5;box-sizing: border-box;/* border-top: 0; */border-bottom: 0;}
.right-tips ul li {width:50%;height: 38px;line-height: 38px;text-align: center;border-bottom: 1px solid #e5e5e5;box-sizing: border-box;}
.right-tips ul li:nth-of-type(2),.right-tips ul li:nth-of-type(4) {border-left: 1px solid #e5e5e5;}
.right-tips ul li:hover{background:#ff0000;}
.right-tips ul li:hover a{text-decoration:none;color:#fff;}
.right-tips ul li a {display:block;}
.recommendlist {font-size:13px;height: 135px;line-height: 25px;padding: 4px 10px;/* border: 1px solid #e5e5e5; */border-top:0;}
.recommendlist .titleImg{height: 32px;line-height: 32px;border-bottom: 1px solid #e5e5e5;margin-bottom: 4px;}
.com-supplier {background:linear-gradient(to right,#f9715c 50%,#ff2e2e 100%);text-align:center;height: 34px;width: 200px;line-height: 34px;margin: 5px auto 0 auto;}
.com-supplier a {color:#fff;}
/*首页行情调用*/
.flex-tab{width: 720px;height: 173px;display: flex;margin-top: 10px;}
.flex-tab>.item li{list-style:none;}
.flex-tab>.item:first-of-type {width: 135px;background: #FFFFFF;border-bottom: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;}
.flex-tab>.item:first-of-type li{height: 42px;line-height: 42px;text-align: center;background: #f2f2f2;border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.flex-tab>.item:first-of-type li:first-of-type{height: 42px;line-height: 42px;}
.flex-tab>.item:first-of-type li.hover{background: #fff;border-right: 0;}
.flex-tab>.item:nth-of-type(2) {width: 390px;overflow: hidden;border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #FFFFFF;padding: 8px 20px 0 16px;}
.flex-tab>.item:nth-of-type(2) li{height: 26px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.flex-tab>.item:nth-of-type(3) {width:200px;text-align: center;}

/*行情右视频  需要改进*/
.v_tui .list-img{width:100%;padding: 0;}
.v_tui .list-img .v_li{float: left;padding-left: 10px;box-sizing: border-box;}
.v_tui .list-img .v_li .li_div{background-color: #fff;overflow: hidden;width: 100%;float: initial;}
.v_tui .list-img .v_li .li_div .v_image{height: 128px;width:190px;position: relative;overflow: hidden;float: initial;}
.v_tui .list-img .v_li .li_div .v_image img {width: 100%;height:100%;display: inline-block;}
.v_tui .list-img .v_li .li_div .v_image i{background-size: 50px 50px;width: 50px;height: 50px;z-index: 4;opacity: 0;filter:alpha(opacity=0);-ms-transform: scale(1.3);transform: scale(1.3);color: #fff;float: initial;padding: 0;display: inline-block;position: absolute;left: 40%;top: 35%;}
.v_tui .list-img .v_li .li_div .v_image span{position:absolute;top: 0;right: 0;bottom:0;left: 0;background-color: rgba(0,0,0,0);z-index: 3;}
.v_tui .list-img .v_li .li_div .v_image a:hover span{background-color: rgba(0,0,0,0.3);}
.v_tui .list-img .v_li .li_div .v_image a:hover i{opacity: 1;filter:alpha(opacity=100);-ms-transform: scale(1);transform: scale(1);}
.v_tui .list-img .v_li .li_div ul{margin: 11px;}
.v_tui .list-img .v_li .li_div:hover{box-shadow: 0px 10px 25px 0px rgba(40, 40, 40, 0.1);}
/* 首页底部展会 */
.content_ex .ul {display: flex; flex-wrap: wrap;}
.content_ex .ul li{border:1px solid #b5b5b5;background-color:#fafbfc;margin-bottom: 15px;overflow: hidden;margin-right: 15px;}
.content_ex .ul li:nth-child(5n) {margin-right: 0;}
.content_ex .ul li:hover { border:1px solid #ff7300; cursor:pointer;}
.content_ex .ul li .img{height: 100px;width: 226px;overflow: hidden;}
/* 首页底部 */
.index-footer {background:#252525;height: 211px;}
.index-footer .index-footer-m {display:flex;color:#a3a3a3;width:1200px;margin: 0 auto;padding-top: 20px;justify-content: space-between;border-bottom: 1px solid #4b5054;}
.index-footer .index-footer-m a:{display:flex;color:#9b9ea0;}
.index-footer .index-footer-tel {width:200px;text-align: center;}
.index-footer .index-footer-tel p {margin:5px;}
.index-footer .index-footer-tel p:nth-of-type(1) {font-size:20px;color:#ff0000;}
.index-footer .index-footer-qr {width:300px;display:flex;justify-content: space-around;}
.index-footer .index-footer-qr .item {text-align:center;}
.index-footer .index-footer-feature {width:700px;display:flex;justify-content: space-evenly;}
.index-footer .index-footer-feature h5{font-size: 18px;margin: 5px 0 20px 0;}
.index-footer .index-footer-feature .item li {line-height:32px;}
.index-footer .index-footer-feature .item li a {color:#9b9ea0;}
.index-footer .index-footer-feature .item li a:hover{color: #ff6a00;text-decoration:none;}
/* 解决手机打开PC版尾部黑底显示不全问题 */
@media screen and (max-width:1200px){.index-footer {width:1200px; }}

/* 首页秒杀 */
.miaosha {display:flex;height: 315px;margin: 15px 0;border:1px solid #e5e5e5;box-sizing:border-box;justify-content: space-between;}
.miaosha .titleimg {width: 200px;background: url('image/miaoshaimg.png') no-repeat;}
.miaosha .goods {width: 420px;padding: 10px 20px 0 20px;}
.miaosha .rules {width: 500px;padding: 85px 0 0 0;background:url('image/miaosharules.png') top center no-repeat;border-left:1px solid #e5e5e5;}
.miaosha .rules p {padding:0 20px;margin: 5px 0;font-size: 14.5px;line-height: 36px;}
.miaosha .product .product_card .product_title {line-height:24px;height:24px;font-size: 13.5px;margin:10px 6px 0 6px;color: #000;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;word-wrap:break-word;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.product1 ul { display: flex; flex-direction: row; justify-content: space-between; margin-top: 20px; margin-bottom: 10px;}
.product1 ul li {border:1px solid #e0e0e0; width: 192px; background-color: #fafbfc; padding: 30px 0px;background-size: cover; position: relative;background-image: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url('image/kefu.jpg');  transition: background-image 0.5s ease;}
.product1 ul li:hover::before {
  border:1px solid #ff7300;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  
}
.product1 ul li:hover{background-image:url('image/kefu.jpg');}
.brand_img { width: 120px; margin: auto;margin-bottom: 20px;}
.brand_kf { background-color: #006fdb;margin: auto; width: 160px;color: white; height: 26px;line-height: 26px; border-radius: 16px; margin-top: 20px;text-align: center;}
.kf_erwm{text-align: center;}
.product2 ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-bottom: 10px;
}
.zj_img{
	background: url(/images/zhuanjia.jpg) center center;
	text-align: center;
	height: 45px;
	padding-top: 30px;
}
.product2 ul li {
	width: 230px;
	background-color: #fafbfc;
	border:1px solid #e0e0e0;
	padding: 0px 0px;
}
.zj_img img{
	border-radius:40px;
}
.img_scale{width:80px;height:80px;margin: auto;}
.zj_img .img_scale:hover img{transition: all .2s ease-in-out;}
.zj_img .img_scale:hover img {-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.zhuanjia{width: 80px !important;}
.zj_des{margin-top:34px;}
.zj_des .name{text-align:center;color:#006fdb;font-weight:600;font-size: 18px;height: 32px;line-height: 32px;}
.zj_des .intro{padding: 10px;height: 40px;font-size: 13px;}
.product2 ul .expert:hover{border: 1px solid #ff7300;}
.article ul{flex-direction: column;text-align: center;}
.article ul li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;box-shadow:none;width: 220px;text-align: initial;margin-left: 10px;border: none;}
.product2 .zj_des ul li::before{
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	background-color: #999999;
	margin: 4px 10px 4px 0;
}
.content_ex .ex_title{width: 210px;height: 44px;padding-top: 10px;margin: auto;}
.ul .img img:hover{width:100%;transition: all 0.2s;transform: scale(1.2);}