@charset "UTF-8";
.header-swiper{height:400px; margin-top: 5px;}
.header-swiper .left,.header-swiper .mid,.header-swiper .right{float:left;background:#fff;height:400px}
.header-swiper .mid,.header-swiper .right{margin-left:10px}
.header-swiper .mid{width:745px; height:400px; background:#F4F4F4; overflow:hidden;}
.header-swiper .mid .swiper-img{width:100%}
.header-swiper .mid .swiper-link{display:inline-block;width:744px;height:400px}
.header-swiper .left{width:215px;padding-top:10px;position:relative;height: 390px;}
.header-swiper .left .fl{float:left}
.header-swiper .left .nav-item{height:46px;color:#333;font-size:16px;cursor:pointer;padding-left:20px}
.header-swiper .left .nav-item:hover{background:#292ba3}
.header-swiper .left .nav-text{line-height:46px}
.header-swiper .left .nav-item:hover .nav-text{color:#fff}
.header-swiper .left .nav-icon{display:inline-block;width:18px;height:18px;background:url(/statics/images/icon/icon0.png) no-repeat center center;vertical-align:middle;margin-right:6px}
.header-swiper .left .nav-item:nth-of-type(2) .nav-icon{background:url(/statics/images/icon/icon1.png) no-repeat center center}
.header-swiper .left .nav-item:nth-of-type(3) .nav-icon{background:url(/statics/images/icon/icon2.png) no-repeat center center}
.header-swiper .left .nav-text{display:inline-block;vertical-align:middle}
.header-swiper .left .nav-item:hover .sub-wrap{display:block}
.header-swiper .left .sub-wrap{display:none;position:absolute;left:100%;top:0;width:754px;height:522px;z-index:999999;font-size:14px;background:#fff;-webkit-box-shadow:0 0 16px 0 rgba(7,17,27,0.1);box-shadow:0 0 16px 0 rgba(7,17,27,0.1)}
.header-swiper .left .sub-menu{float:left;width:100%;padding:16px 16px}
.header-swiper .left .sub-wrap a{color:#333}
.header-swiper .left .sub-wrap a:hover{color:#292ba3}
.header-swiper .left .sub-menu .sub-item{overflow:hidden;border-bottom:1px dashed #eee;padding:8px 0}
.header-swiper .left .sub-menu .sub-title{width:90px;font-weight:700;padding-right:10px;text-align:right;position:relative;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;line-height:21px}
.header-swiper .left .sub-menu .sub-content{overflow:hidden;max-height:42px;padding-left:10px}
.header-swiper .left .sub-menu .sub-content a{display:inline-block;line-height:21px;color:#666}
.header-swiper .left .sub-menu .sub-content a:hover{color:#292ba3}
.header-swiper .left .sub-menu .sub-content a:after{width:1px;height:12px;display:inline-block;margin:0px 10px;content:"";vertical-align:middle;border-left:1px solid #dddddd}
.header-swiper .left .sub-wrap-right{width:192px;height:522px;border-left:1px solid #eee;float:right;padding:24px 15px}
.header-swiper .left .sub-wrap-right a{display:block;text-align:center;line-height:30px;height:246px;text-align:left}
.header-swiper .left .sub-wrap-right a span{color:#999;font-size:12px}
.header-swiper .left .sub-wrap-right a img{display:inline-block;vertical-align:middle;max-width:150px;max-height:230px}
.header-swiper .left .sub-wrap-right a:first-child{border-bottom:1px solid #eee}
.header-swiper .right{width:220px;background:#F8F8F8}
.header-swiper .right .rt-login{height:213px;background:#fff;padding:20px 20px 10px}
.header-swiper .right .loginlogo{width:78px;height:78px;position:relative;line-height:78px;text-align:center;border-radius:6px;overflow:hidden;margin:0 auto}
.header-swiper .right .loginlogo .edit-logo{display:none;width:100%;height:78px;line-height:78px;position:absolute;background:rgba(0,0,0,.5);bottom:0;color:#fff;border-radius:49px}
.header-swiper .right .loginlogo:hover .edit-logo{display:block}
.header-swiper .right .loginlogo img{max-width:100%;max-height:100%;float:left;vertical-align:middle;border-radius:49px}
.header-swiper .right .login-out{position:relative}
.header-swiper .right .login-out .header-logout{position:absolute;right:0px;top:0px;font-size:14px;color:#333}
.header-swiper .right .login-out .companyname{color:#292ba3;overflow:hidden;line-height:23px}
.header-swiper .right .login-out .item{float:left;margin-left:16px;text-align:center}
.header-swiper .right .login-out .item a{color:#333;font-size:12px}
.header-swiper .right .login-out .item:nth-child(1){margin:0}
.header-swiper .right .login-out .item-icon{display:inline-block;width:30px;height:30px;background:url(/statics/images/fabu.png) no-repeat center center;margin-bottom:8px}
.header-swiper .right .login-out .item:nth-child(2) .item-icon{background:url(/statics/images/qiugou.png) no-repeat center center}
.header-swiper .right .login-out .item:nth-child(3) .item-icon{background:url(/statics/images/shuju.png) no-repeat center center}
.header-swiper .right .companyname{font-size:14px;color:#333;margin:10px 0;text-align:center;height:28px}
.header-swiper .right .loginbtnbox{text-align:center}
.header-swiper .right .login,.header-swiper .right .reg{display:inline-block;width:80px;height:36px;line-height:36px;font-size:14px;text-align:center;border-radius:18px}
.header-swiper .right .login{background:#292ba3;color:#fff;margin-right:10px}
.header-swiper .right .reg{border:1px solid #292ba3;color:#292ba3}
.header-swiper .right .dynamic{margin:5px 0 10px;background:#fff;padding:10px 9px;font-size:14px;color:#333}
.header-swiper .right .dynamic .dynamic-title{margin-bottom:18px}
.header-swiper .right .dynamic .dynamic-more{float:right}
.header-swiper .right .dynamic .dynamic-item{height:32px;line-height:32px}
.header-swiper .right .dynamic .dynamic-slide{height:100px;overflow:hidden}
.header-swiper .right .dynamic .dynamic-list{position:relative}
.header-swiper .right .dynamic .dynamic-link{color:#333}
.titlebox{margin-bottom:25px; padding-top: 20px; overflow:hidden;}
.titlebox-title{font-size:20px;font-weight:bold;color:#333;margin-right:10px; float:left;line-height: 30px; }
.titlebox-num{color:#292ba3}
.titlebox-text{font-size:14px;color:#333;float: left; margin-top:8px;line-height: 20px;}
.titlebox .more{float:right;font-size:14px;color:#999; line-height:30px;}
.common-table{margin-top:15px;text-align:center}
.common-table .table-head{height:40px;background:#F8F8F8}
.common-table .table-head th{text-align:center}
.common-table .table-row td{height:27px;line-height:27px}
.common-head{height:60px;line-height:60px}
.common-head .head-icon{margin-bottom:6px}
.common-head .head-title{font-size:20px;font-weight:bold;padding-left:10px}
.common-head .head-city{color:#EA2E1C;padding-left:17px}
.common-head .head-remind{color:#999;padding-left:43px}
.common-head .head-ask{float:right;height:32px;width:87px;line-height:32px;vertical-align:middle;border:none;background:#292ba3;color:#fff;margin-top:14px}
.common-head .head-more{float:right;width:70px;height:26px;font-size:12px;line-height:26px;background:#fff;color:#333;border:1px solid #292ba3;border-radius:13px;margin-top:17px}
.common-head .see-more{color:#999;float:right;cursor:pointer}
.item img{width:100%;height:370px !important}
body{background:#F4F4F4 !important}
.index-information{line-height:46px;background:#fff;margin-top:20px;padding-left:14px}
.notification{vertical-align:middle;margin-right:12px}
.count{font-size:18px;font-weight:bold;color:#EA2E1C;padding:0 4px}
.index-content:after{content:'';display:block;clear:both}
.raw-material,.latest-goods,.market-condition,.find-company,.latest-purchase,.industry-information,.plastic-information{float:left;margin-top:20px;padding:0 20px;background:#fff}
.raw-material{width:280px;height:383px;margin-right:20px;padding:0}
.raw-material .raw-material-title{height:100px;padding:30px;background:url(/statics/images/marterial_bg.png);color:#fff}
.raw-material .raw-material-title h4{margin:0;font-size:20px;padding-bottom:8px;font-weight:bold}
.raw-material .material-content{padding:22px 20px;font-size:18px}
.raw-material .material-content .plastics{font-size:14px;padding-bottom:20px}
.raw-material .material-content .plastics p{font-weight:bold;margin-bottom:4px}
.raw-material .material-content .plastics .plastic{width:46px;line-height:24px;display:inline-block}
.raw-material .material-content .plastics .plastic.hot{color:#EA2E1C}
.latest-goods{width:900px;height:383px}
.latest-goods .goods-hots .hots-list .hot-item{padding-right:22px}
.latest-goods .goods-hots .hots-list .more-goods{float:right;color:#292ba3}
.banner-area{position:relative}
.banner-area .welcome{width:260px;height:330px;background:#fff;position:absolute;top:20px;left:71.6%}
.banner-area .welcome .welcome-head{padding:18px 22px}
.banner-area .welcome .welcome-head .head-Portraits{display:inline-block;width:60px;height:65px;background:url(/statics/images/head_icon.png);vertical-align:middle}
.banner-area .welcome .welcome-head .welcome-text{display:inline-block;vertical-align:middle}
.banner-area .welcome .already-login{padding-bottom:25px;border-bottom:1px solid #EAEAEA;text-align:center}
.banner-area .welcome .already-login .head-Portraits{display:block;width:60px;height:65px;background:url(/statics/images/head_icon.png);margin:20px auto 10px}
.banner-area .welcome .already-login .username{color:#292ba3}
.banner-area .welcome .welcome-content{border-bottom:1px solid #EAEAEA;padding-bottom:12px}
.banner-area .welcome .welcome-content .welcome-login,.banner-area .welcome .welcome-content .welcome-register{display:block;width:120px;height:30px;line-height:30px;margin:0 auto 15px;border:1px solid #292ba3;border-radius:2px;color:#292ba3}
.banner-area .welcome .welcome-content .welcome-login{background:#292ba3;color:#fff}
.banner-area .welcome .welcome-foot{font-size:12px}
.banner-area .welcome .welcome-foot p{text-align:center;font-weight:bold;margin:15px 0}
.banner-area .welcome .welcome-foot ul{padding:0 15px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.banner-area .welcome .welcome-foot ul li a{display:inline-block;height:62px;width:60px;line-height:100px;padding-top: 20px;}
.banner-area .welcome .welcome-foot ul li a.collection{background:url(/statics/images/collection.png) no-repeat top center}
.banner-area .welcome .welcome-foot ul li a.inquiry{background:url(/statics/images/inquiry.png) no-repeat top center}
.banner-area .welcome .welcome-foot ul li a.properties{background:url(/statics/images/properties.png) no-repeat top center}
.banner-area .welcome .welcome-foot ul li a.admin{background:url(/statics/images/admin.png) no-repeat top center}
.market-condition{width:420px;height:385px;margin-right:20px}
.market-condition .product-list{margin-bottom:24px}
.market-condition .product-list .product-item{border:1px solid #292ba3;background:#fff;border-radius:14px;padding:0 12px}
.market-condition .product-list .product-item.active{background:#292ba3;color:#fff}
.market-condition .condition-map{width:420px;height:300px}
.find-company{width:760px;height:385px}
.find-company .company-carousel{display:inline-block;width:200px;vertical-align:middle}
.latest-purchase{width:100%;height:346px;display:none}
.latest-purchase .attention,.latest-purchase .contact{padding:10px;cursor:pointer}
.industry-information,.plastic-information{width:590px;height:306px}
.industry-information .slide,.plastic-information .slide{height:224px;overflow:hidden}
.industry-information .slide .industry-list,.plastic-information .slide .industry-list,.industry-information .slide .plastic-list,.plastic-information .slide .plastic-list{padding-left:26px;position:relative;top:0}
.industry-information .slide .industry-list li,.plastic-information .slide .industry-list li,.industry-information .slide .plastic-list li,.plastic-information .slide .plastic-list li{list-style:disc;height:32px;line-height:32px}
.industry-information .slide .industry-list li .industry-date,.plastic-information .slide .industry-list li .industry-date,.industry-information .slide .plastic-list li .industry-date,.plastic-information .slide .plastic-list li .industry-date{float:right}
.industry-information .slide .industry-list li .industry-title,.plastic-information .slide .industry-list li .industry-title,.industry-information .slide .plastic-list li .industry-title,.plastic-information .slide .plastic-list li .industry-title{cursor:pointer}
.industry-information .slide .industry-list li .industry-title:hover,.plastic-information .slide .industry-list li .industry-title:hover,.industry-information .slide .plastic-list li .industry-title:hover,.plastic-information .slide .plastic-list li .industry-title:hover{color:#292ba3}
.industry-information{margin-right:20px}

.table > thead > tr > th{border-bottom:0}
.table-hover > tbody > tr:hover{background:#FFF9E8;border:1px solid #FFB137 !important}
.table-hover > tbody > tr{border-top:1px solid #ddd;border-left:1px solid transparent;border-right:1px solid transparent}
.table-hover > tbody > tr:first-child{border-top:0}
.table-hover > tbody > tr > td{border:none}
.table-hover > tbody > tr:first-child:hover > td{padding-top:7px !important}
.purchase{margin-top:19px}
.purchase:after{content:"";display:table;clear:both}
.purchase .purchase-left{float:left;margin-right:10px; width:950px}
.purchase .purchase-left .purchase-list {width: 950px;}
.purchase .purchase-left .l-list-item{background:#fff;height:310px; border-radius:2px;}
.purchase .purchase-left .l-list-item .con{padding:20px}
.purchase .purchase-left .title a{color:#333}
.purchase .purchase-left .l-list-item:hover{-webkit-box-shadow:0px 5px 10px 0px rgba(153,153,153,0.3);box-shadow:0px 5px 10px 0px rgba(153,153,153,0.3)}
.purchase .purchase-left .title{font-size:16px;font-weight:bold;line-height:25px; border-bottom:1px solid #F2F2F2; display:block; padding-bottom:10px; margin-bottom:15px; }
.purchase .purchase-left .text{font-size:14px;width:100%;margin-bottom:22px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.purchase .purchase-left .text .lable{display:inline-block;width:60px;text-align:right;color:#333;}
.purchase .purchase-left .text .texticon{display:inline-block;width:20px;height:20px;margin-right:3px;vertical-align:middle}
.purchase .purchase-left .text .time{background:url("/statics/images/icon/time.png") no-repeat}
.purchase .purchase-left .text .location{background:url("/statics/images/icon/localtion.png") no-repeat}
.purchase .purchase-left .text .type{background:url("/statics/images/icon/type.png") no-repeat}
.purchase .purchase-left .text .cgnum{background:url("/statics/images/icon/num.png") no-repeat}
.purchase .purchase-left .text .text-right{color:#666}
.purchase .purchase-left .num{color:#3F8BFE}
.purchase .purchase-left .item-btn{display:block;width:164px;height:40px;line-height:40px;text-align:center;color:#fff;background:#292ba3;border-radius:20px;margin:0 auto; font-size: 14px;}
.purchase .purchase-form{width:200px;height:270px;float:left;padding:20px;background:#fff; text-align: center;}
.purchase .purchase-form .title{width:117px;height:26px;line-height:26px;text-align:center;color:#fff;margin:0 auto 15px;font-size:14px;font-weight:bold;background:url(/statics/images/title.png) no-repeat}
.purchase .purchase-form .title-text{color:#666;margin:10px auto 19px;text-align:center;font-family:Microsoft YaHei;font-weight:400}
.purchase .purchase-form .form-icon{color:#FB0708}
.purchase .purchase-form .form-input{width:179px;height:30px;border-radius:4px;border:1px solid #DEDEDE;margin-bottom:16px;padding:0 0 0 11px;font-size:12px}
.purchase .purchase-form .form-input::-webkit-input-placeholder{color:#ccc;font-size:12px}
.purchase .purchase-form .form-btn{display:inline-block;width:150px;height:35px;line-height:35px;text-align:center;background:#0FBA84;border-radius:20px;color:#fff; font-size: 14px;}

.hot{margin-top:20px;}
.hot a{color:#333}
.hot a:hover{color:#292ba3}
.hot .hot-week,.hot .hot-commodity{float:left;background:#fff}
.hot .hot-commodity{margin-left:10px;width:240px; height:430px}
.hot .hot-week{width: 950px;}
.hot .hot-week .title-text{float:right;margin:0px 14px 0 0;font-size:14px}
.hot .hot-week .title-text-link{color:#292ba3}
.hot .hot-week .title{margin:0}
.hot .hot-week .swiper-slide{ display:flex;flex-wrap: wrap; justify-content: space-between;}
.hot .title{height:30px;line-height:30px;font-size:12px;color:#333;margin-bottom:31px}
.hot .title-icon{display:inline-block;width:95px;height:30px;background:url(/statics/images/hotshop.png) no-repeat;color:#fff;font-size:14px;text-align:center}
.hot .hot-commodity .title-icon{background:url(/statics/images/hot.png) no-repeat}
.hot .hot-week .title-icon{width:123px;background:url(/statics/images/newshop.png) no-repeat}
.hot .title-text{margin-left:31px}
.hot .title-dianji{margin-right:7px;cursor:pointer}
.hot .title-zhanxian{cursor:pointer}
.hot .active{color:#292ba3}
.hot .week-list{ padding: 20px 0; width: 910px;}
.hot .week-list .week-item{height:90px; width: 290px; margin-bottom:30px;}
.hot .week-list .week-item a{display:flex;}
.hot .week-list .itemimgbox{width:90px;height:90px; margin-right:10px}
.hot .week-list .itemimgbox img{ max-width:100%;max-height:100%;vertical-align:middle}
.hot .week-list .iteminfo{ width: 190px;}
.hot .week-list .weektitle{ margin-top:9px;font-size:15px;color:#333}
.hot .week-list .price{font-size:18px;color:#E6541E;margin:16px 0 9px}
.hot .week-list .address{font-size:12px;color:#999}
.hot .list{padding:0 10px; display:block;}
.hot .list .item{overflow:hidden;margin-bottom:20px;cursor:pointer}
.hot .list .num,.hot .list .logo,.hot .list .info{float:left}
.hot .list .num{font-size:14px;font-weight:bold;font-style:italic;color:#292ba3;margin-top:12px}
.hot .list .logo{width:35px;height:35px;line-height:35px;background:#fff;border:1px solid #F2F2F2;text-align:center;overflow:hidden;margin:0 6px}
.hot-shop .list .logo{border-radius:50%}
.hot .list .logoimg{max-width:100%;max-height:100%;vertical-align:middle;float:left}
.hot .list .info{width:140px}
.hot .list .info .infoname{font-size:14px;color:#333;margin-bottom:9px}
.hot .list .info .infotext{color:#999;font-size:12px}
.hot .list-show{display:none}

/*.suspended{width:100%;position:fixed;height:154px;bottom:-2px;z-index:99999}
.suspended-wrap{width:1200px;margin:0 auto;height:154px;position:relative}
.suspended-close{position:absolute;width:24px;height:24px;background:url('/statics/images/Suspended-close.png') no-repeat center center;right:0px;top:60px;cursor:pointer}
.dynamic-more,.dynamic-more:hover,.dynamic-more:focus{color:#999;float:right}*/

.news{overflow:hidden; margin-top:20px;}
.news .content{display:flex; justify-content:space-between;}
.news .content .boxs{display:flex; justify-content:space-between; width:950px;background-color:#fff;}
.news .content .box{width:435px; padding:20px;}
.news .content .box .h3{font-size:15px; font-weight:bold; line-height:30px; margin-bottom:5px; color:#333}
.news .content .picnews{display:flex; justify-content:space-between; }
.news .content .picnews .pic{width:40%; height:100px; display:block; background-position:center center; background-size:cover; }
.news .content .picnews .pic img{width:100%;}
.news .content .picnews .info{width:56%;}
.news .content .picnews .info .tit{font-size:15px; line-height:22px; color:#333; height:50px; padding:3px 0; font-weight:700;}
.news .content .picnews .info .date{font-size:13px; color:#999; margin-top: 15px;}
.news .content .list{margin-top:15px;}
.news .content .list a{color:#555; line-height:30px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
.news .content .list a:hover{color:#292ba3;}
.news .content .rank{ width:200px; background-color:#fff; padding:20px; }
.news .content .rank h3{font-size:16px; font-weight:bold;}
.news .content .rank .list a{line-height:30px; margin:3px 0;}
.news .content .rank .list span{display:block; width:20px; height:20px; font-size:12px; background-color:#f2f2f2; line-height:20px; float:left; border-radius:50%; text-align:center; margin-top:5px; margin-right:5px;}
.news .content .rank .list span.color{background-color:#292ba3; color:#fff;}

.exhibition{overflow:hidden; margin-top:20px;}
.exhibition .titlebox{margin-bottom:0;}
.exhibition .content{display:flex; justify-content:space-between;}
.exhibition .tab_title{ display:flex; justify-content:flex-start; float:left;}
.exhibition .tab_title a{margin-right:10px; font-size:14px; padding:5px 20px; line-height:30px; cursor:pointer;}
.exhibition .tab_title a.on{background-color:#fff;}
.exhibition .tab_con{width:950px;}
.exhibition .tab_con ul{display:none; background-color:#fff; padding:20px; height:290px;}
.exhibition .tab_con li{line-height:30px;; margin:5px 0; display:flex;}
.exhibition .tab_con li a{display:block; width:50%; font-size: 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.exhibition .tab_con li span{width:25%; font-size:14px; color:#555; padding-left:5%;}
.exhibition .tab_con li b{width:25%; font-size:14px; color:#555;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.exhibition .logos{width:240px; display:flex; flex-direction:column; justify-content:space-between;}
.exhibition .logos img{width:240px; height:105px; display:block;}