@charset 'utf-8';
.width100 {width: 100%!important;}
.main-nav {background: #fff;height: 43px;line-height: 43px;}
.main-nav .all-class {height: 43px;line-height: 43px;background: #eb0011;width: 183px;color: #fff;text-align: center;font-size: 17px;font-weight: bold;}
.main-nav .all-class a{color:#fff;}
.main-nav .main-nav-item {box-sizing: border-box;width: 1017px;background: #f6f6f6;}
.main-nav .main-nav-item li {font-size: 0;height:43px;}
.main-nav .main-nav-item li.active {background: #ffffff;}
.main-nav .main-nav-item a {font-size: 17px;color: #434343;margin: 0 55.6px;}
.main-nav .main-nav-item a:hover {color: #d7000f;}

#cheader .search-box .select {min-width: 86px;height: 32px;border-right-width: 1px!important; box-sizing: border-box;background: url("https://img.chuandong.com/common/images/down.png") no-repeat 90% center transparent;background-size: 12px 12px;display: block;position: relative;padding: 3px 8px;}
#cheader .search-box .com-opt {width: 86px;border: 1px solid #e6e6e6;box-sizing: border-box;position: absolute;top: 30px;left: -2px;z-index: 100000;background: #ffffff;padding: 2px 0;display: none;}
#cheader .search-box .select:hover  .com-opt{display: block;}
#cheader .search-box .com-opt li {text-align: center;line-height: 23px;font-size: 12px; color: #666666;cursor: pointer;}
#cheader .search-box .com-opt li:hover {background: #eb0011;color: #ffffff}
#cheader .search-box .select .show-selecd {display: inline-block; width: 51px; border-right: 1px solid #e6e6e6;font-size: 12px;color: 3333333;line-height: 16px;}
#cheader .search-box #searchTitle{width:360px;}

.content {background: #ffffff;padding-bottom: 80px;}
.part {width: 100%;}
.part .all-class-item {border: 1px solid #e6e6e6;box-sizing: border-box;width: 183px;height: 365px;position: relative;}
.part .all-class-item li.parent {width: 183px;height: 40.3px;line-height: 40px;box-sizing: border-box;padding-left: 40px;cursor: pointer;}
.part .all-class-item li.parent span {font-size: 15px;color: #333333;line-height: 41px;}
.part .all-class-item li.parent img {width: 15px;height: 15px;margin-right: 10px;margin-bottom: 4px;}
.part .all-class-item li.parent img.im-2 {display: none;}
.part .all-class-item li.parent .dialog {width: 709px;height: 365px;display: none;}
.part .all-class-item li.active {border: 1px solid #eb0011;width: 181px;}
.part .all-class-item li.active span {color: #eb0011!important;}
.part .all-class-item li.active img.im-1 {display: none;}
.part .all-class-item li.active img.im-2 {display: inline-block;}
.part .all-class-item li.active .dialog {width: 709px;height: 365px;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 10px;position: absolute;top: -1px;left: 181px;z-index: 9999999;overflow-x: hidden;overflow-y: scroll;display: block;background: #ffffff;}
.part .all-class-item li.active .dialog li {border-bottom: 1px dashed #e6e6e6;padding-bottom: 6px;margin-bottom: 10px;}
.part .all-class-item li.active .dialog li:last-child {padding-bottom: 0;margin-bottom: 0;border: 0;}
.part .all-class-item li.active .dialog li p.label {font-size: 15px;font-weight: bold;color: #333333!important;line-height: 20px;}
.part .all-class-item li.active .dialog li .items {margin-top: 6px;}
.part .all-class-item li.active .dialog li .items a {font-size: 13px;color: #333333!important;line-height: 25px;float: left;margin-right: 30px;display: block;min-width: 78px;font-weight: 400!important;}
.part .all-class-item li.active .dialog::-webkit-scrollbar {
    width: 10px; /*å¯¹åž‚ç›´æµåŠ¨æ¡æœ‰æ•ˆ*/
    height: 3px; /*å¯¹æ°´å¹³æµåŠ¨æ¡æœ‰æ•ˆ*/
}
/*å®šä¹‰æ»šåŠ¨æ¡çš„è½¨é“é¢œè‰²ã€å†…é˜´å½±åŠåœ†è§’*/
.part .all-class-item li.active .dialog::-webkit-scrollbar-track{
    // -webkit-box-shadow: inset 0 0 6px #cfcfcf;
    background-color: #f6f6f6;
}
/*å®šä¹‰æ»‘å—é¢œè‰²ã€å†…é˜´å½±åŠåœ†è§’*/
.part .all-class-item li.active .dialog::-webkit-scrollbar-thumb{
    // border-radius: 7px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #c7c7c7;
}
/*å®šä¹‰ä¸¤ç«¯æŒ‰é’®çš„æ ·å¼*/
.part .all-class-item li.active .dialog::-webkit-scrollbar-button {
    background-color:#f6f6f6;
}

/* è½®æ’­å›¾ */
.part .slide-img {width: 586px;height: 350px;border: 1px solid #e6e6e6;box-sizing: border-box;overflow: hidden;margin-left: 20px;margin-top: 15px;}
.part .slide-img .slideBox {width: 100%;height: 350px;margin: 0 auto;position: relative;}
.part .slide-img .slideBox .hd {position: absolute;bottom: 8px;text-align: center;z-index: 99999;width: 100%;}
.part .slide-img .slideBox .hd li {width: 7px;height: 7px;border-radius: 100%;background: #f6f6f6;margin: 0 5px;display: inline-block;}
.part .slide-img .slideBox .hd li.on {background: #eb0011;}
.part .slide-img .slideBox .bd li {width: 100%;height: 350px;}
.part .slide-img .slideBox .bd li img {width: 100%;height: 350px;}

/* ä¾›åº”æ±‚è´­ä¿¡æ¯ */
.part .business-item {width: 390px;margin-top: 15px;}
.part .business-item .business-nav-lab {border-bottom: 2px solid #f2f2f2;box-sizing: border-box;border: 1px solid #e6e6e6;}
.part .business-item .business-nav-lab span {min-width: 194px; display: block;height: 45px;font-size: 16px;color: #666666;text-align: center;line-height: 45px;position: relative;cursor: pointer;background: #f6f6f6;float: left;}
.part .business-item .business-nav-lab span b {border-width: 8px 8px 8px 8px;border-color: #eb0001 transparent transparent transparent;border-style: solid; opacity: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%,131%);display: block;z-index: 9999;}
.part .business-item .business-nav-lab span:last-child {margin-right: 0;}
.part .business-item .business-nav-lab span.on {font-size: 16px;color: #333333;font-weight: bold;background: #ffffff;box-sizing: border-box;border-bottom: 3px solid #eb0011;}
.part .business-item .business-nav-lab span.on b {opacity: 1;}
.part .business-item .business-item-con {margin-top: 20px;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 10px;}
.part .business-item .business-item-con ul {display: none;}
.part .business-item .business-item-con ul.on {display: block;}
.part .business-item .business-item-con li {border-bottom: 1px dashed #e6e6e6;margin-bottom: 10px;padding-bottom: 10px;}
.part .business-item .business-item-con li:last-child {margin-bottom: 0;border-bottom: 0;padding-bottom: 0;}
.part .business-item .business-item-con li a {font-size: 15px;color: #333333;line-height: 20px;}
.part .business-item .business-item-con li a:hover {color: #eb0011;}
.part .business-item .business-item-con li span{float: right;font-size: 14px;color: #666666;line-height: 25px;}
.part .business-item .business-item-con li img {margin-right: 10px;margin-bottom: 4px;}

/*  */
.main-con .buyer {width: 100%;height: 178px;margin-top: 15px;}
.main-con .buyer .seller {width: 458px;height: 100%;background: #ffffff;margin-right: 19px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.main-con .buyer .seller .lab {width: 100%;height: 43px;line-height: 22px;color: #333333;font-size: 18px;font-weight: bold;box-sizing: border-box;padding: 10px;border-style: solid;border-width: 1px;border-top-width: 0px;border-right-width: 0px;border-left-width: 0px;border-image: linear-gradient(to right,#3dd16a,#5ae0fb)1 10;}
.main-con .buyer .seller .item {box-sizing: border-box;padding: 20px 15px;}
.main-con .buyer .seller .item li {width: 91px;height: 92px;background: #f5f5f5;text-align: center;box-sizing: border-box;padding-top: 24px;margin-right: 21px;}
.main-con .buyer .seller .item li a {display: block;height: 100%;}
.main-con .buyer .seller .item li a img {margin-bottom: 8px;width: 26px;}
.main-con .buyer .seller .item ul {margin-right: -22px;}

.main-con .buyer .hot-line {width: 245px;height: 100%;background: #ffffff;box-sizing: border-box;border: 1px solid #e6e6e6;}
.main-con .buyer .hot-line .lab {width: 100%;height: 43px;line-height: 22px;color: #333333;font-size: 18px;font-weight: bold;box-sizing: border-box;padding: 10px;border-width: 1px;border-style: solid;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-image: linear-gradient(to right,#3dd16a,#5ae0fb)1 10;}
.main-con .buyer .hot-line .item {padding: 20px 15px;box-sizing: border-box;}
.main-con .buyer .hot-line .item .con {background: #f5f5f5;height: 92px;text-align: center;box-sizing: border-box;padding-top: 24px;}
.main-con .buyer .hot-line .item .con p:first-child {margin-bottom: 8px;}
.main-con .buyer .hot-line .item .con p:first-child img {width: 30px;height: 26px;}

/* æœ€æ–°æ±‚è´­ */
.new-buy {margin-top: 20px;background: #ffffff;box-sizing: border-box;border: 1px solid #e6e6e6;}
.new-buy .lab {box-sizing: border-box;padding: 15px 0;}
.new-buy .lab p.name {padding-left: 15px;font-size: 24px;font-weight: 400;border-left: 6px solid #04cefc;line-height: 26px;}
.new-buy .lab .lab-item {padding-right: 20px;line-height: 26px;}
.new-buy .lab .lab-item span {margin: 0 15px;font-size: 15px;color: #999999;display: inline-block;cursor: pointer;}
.new-buy .lab .lab-item a {margin: 0 15px;font-size: 15px;color: #999999;display: inline-block;}
.new-buy .new-buy-con {box-sizing: border-box;padding: 15px;}
.new-buy .new-buy-con table {border-collapse: collapse;display: none;}
.new-buy .new-buy-con table tr:first-child {background: #f5f5f5;text-align: left;}
.new-buy .new-buy-con table tr:first-child th {padding: 10px 20px;font-size: 16px;}
.new-buy .new-buy-con table tr {border-bottom: 1px dashed #eeeeee;padding: 10px 0;}
.new-buy .new-buy-con table tr a {font-size: 14px;color: #999999;}
.new-buy .new-buy-con table tr a:hover {color: #38affe;}
.new-buy .new-buy-con table tr td:last-child a {display: block;width: 76px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #38affe;color: #38affe;border-radius: 4px;}
.new-buy .new-buy-con table td {padding: 10px 20px;box-sizing: border-box;}
.col200 {color: #fe0200;}
/* ä¼˜ä»·è´§æº */
.supply {margin-top: 20px;background: #ffffff;box-sizing: border-box;border: 1px solid #e6e6e6;}
.supply .lab {box-sizing: border-box;padding: 15px 0;}
.supply .lab p.name {padding-left: 15px;font-size: 24px;font-weight: 400;border-left: 6px solid #04cefc;line-height: 26px;}
.supply .lab .lab-item {padding-right: 20px;line-height: 26px;}
.supply .lab .lab-item span {margin: 0 15px;font-size: 15px;color: #999999;display: inline-block;cursor: pointer;}
.supply .lab .lab-item a {margin: 0 15px;font-size: 15px;color: #999999;display: inline-block;}
.supply .list {box-sizing: border-box;padding: 15px 40px;height: 330px;}
.supply .list ul {margin-right: -63px;display: none;}
.supply .list li {width: 232px;height: 164px;text-align: center;margin-right: 63px;}
.supply .list li .pro-img {border: 1px solid #ccc;}
.supply .list li p {display: block;text-align: justify;margin: 10px 0;}
.supply .list li p.pro-name {height: 40px;font-weight: bold;}
.supply .list li a:nth-child(4) {display: block;width: 76px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #38affe;color: #38affe;border-radius: 4px;margin-top: 15px;}
.active-lab {display: inline-block;padding-bottom: 6px;color: #00a0c4!important;border-width: 2px;border-style: solid;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-image: linear-gradient(to right,#0f5dd6,#60b3ee)1 10;}

/* å®žæ—¶æŠ¥ä»· */
.part-4 {background: #ffffff;box-sizing: border-box;padding: 20px;margin-top: 20px;border: 1px solid #e6e6e6;}
.part-4 .quote-price {width: 772px;}
.part-4 .quote-price .lab {box-sizing: border-box;padding-bottom: 15px;border-width: 2px;border-style: solid;border-top-width: 0px;border-right-width: 0px;border-left-width: 0px;border-image: linear-gradient(to right,#0f5dd6,#60b3ee)1 10;font-size: 20px;color: #333333;font-weight: 400;}
.part-4 .quote-price .list {box-sizing: border-box;padding: 20px 0;position: relative;}
.part-4 .quote-price .list li {margin-bottom: 15px;}

.part-4 .quote-price .list li:last-child {margin: 0;}
.part-4 .quote-price .list li .identit {width: 16px;height: 16px;border-radius: 100%;border: 1px solid #6bc3fe;margin-right: 20px;margin-top: 9px;background: #ffffff;z-index: 999;position: relative;}
.part-4 .quote-price .list li:hover .identit{background: #6bc3fe;}
.part-4 .quote-price .list li:hover p a {color: #6bc3fe;}
.part-4 .quote-price .list li .pro-price {box-sizing: border-box;padding-bottom: 15px;border-bottom: 1px dashed #999999;line-height: 36px;width: 730px;padding-right: 40px;}
.part-4 .quote-price .list li .pro-price p:nth-child(1) {width: 440px;}
.part-4 .quote-price .list li .pro-price p:nth-child(2) {width: 60px;}
.part-4 .quote-price .list li .pro-price a:nth-child(3) {display: block;width: 100px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #38affe;color: #38affe;border-radius: 6px;}
.part-4 .quote-price .list li .info {margin: 15px 0;}
.part-4 .quote-price .list li .info .d1 {color: #999999;width: 218px;}
.part-4 .quote-price .list li .info .d2 {color: #999999;width: 223px;}
.part-4 .quote-price .list li .info .d3 {color: #fc2c00;width: 60px;box-sizing: border-box;padding-top: 10px;font-weight: bold;}
.part-4 .quote-price .list .line {position: absolute;left: 8px;top: 30px;width: 1px;height: 680px;z-index: 100;background: #eeeeee;}
/* Ã¦â€¹â€ºÃ¦Â â€¡Ã¤Â¿Â¡Ã¦ÂÂ¯ */
.part-4 .bids-info {width: 365px;}
.part-4 .bids-info .lab {box-sizing: border-box;padding-bottom: 15px;border-width: 2px;border-style: solid;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-image: linear-gradient(to right,#6dc2f3,#90e5fd)1 10;font-size: 20px;color: #333333;font-weight: 400;margin-bottom: 20px;}
.part-4 .bids-info .lab a {color: #999999;font-size: 15px;}
.part-4 .bids-info .img {width: 360px;margin: 0 auto;}
.part-4 .bids-info .img a {width: 100%;height: 100%;display: block;}
.part-4 .bids-info .list {width: 360px;margin: 0 auto;margin-top: 20px;}
.part-4 .bids-info .list li {margin-bottom: 10px;}
.part-4 .bids-info .list li span {margin-right: 10px;color: #999999;}
/* Ã¦â€¹â€ºÃ¥â€¢â€ Ã¤Â¿Â¡Ã¦ÂÂ¯ */
.part-4 .investment-info {width: 365px;margin-top: 30px;}
.part-4 .investment-info .lab {box-sizing: border-box;padding-bottom: 15px;border-width: 2px;border-style: solid;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-image: linear-gradient(to right,#6dc2f3,#90e5fd)1 10;font-size: 20px;color: #333333;font-weight: 400;margin-bottom: 20px;}
.part-4 .investment-info .lab a {color: #999999;font-size: 15px;}
.part-4 .investment-info .img {width: 360px;margin: 0 auto;}
.part-4 .investment-info .img a {width: 100%;height: 100%;display: block;}
.part-4 .investment-info .list {width: 360px;margin: 0 auto;margin-top: 20px;}
.part-4 .investment-info .list li {margin-bottom: 10px;}
.part-4 .investment-info .list li span {margin-right: 10px;color: #999999;}
/* ä¼˜è´¨ä¾›åº”å•†æŽ¨è */
.part-5 {background: #ffffff;box-sizing: border-box;padding: 20px;margin-top: 20px;border: 1px solid #e6e6e6;}
.part-5 .supplier-recom .lab {box-sizing: border-box;padding-bottom: 15px;border-width: 2px;border-style: solid;border-top-width: 0px;border-left-width: 0px;border-right-width: 0px;border-image: linear-gradient(to right,#8155d9,#c780ef)1 10;font-size: 20px;color: #333333;font-weight: 400;margin-bottom: 20px;height: 38px;}
.part-5 .supplier-recom .lab a {display: block;font-size: 14px;color: #999999;}
.part-5 .supplier-recom .lab a img {width: 20px;height: 20px;}
.part-5 .supplier-recom .supplier-info {box-sizing: border-box;padding: 0 20px;}
.part-5 .supplier-recom .supplier-info ul.u1 {display: none;margin-right: -40px;}
.part-5 .supplier-recom .supplier-info li.item {width: 367px;box-sizing: border-box;padding-right: 20px;border-right: 1px solid #eeeeee;margin-right: 20px;height: 332px;}
.part-5 .supplier-recom .supplier-info li.item:last-child {border: 0;margin: 0;box-sizing: border-box;}
.part-5 .supplier-recom .supplier-info li .company-name {box-sizing: border-box;padding-bottom: 10px;border-bottom: 1px solid #eeeeee;}
.part-5 .supplier-recom .supplier-info li .company-name .img {width: 170px;height: 67px;border: 1px solid #eeeeee;text-align: center;line-height: 67px;margin-right: 15px;}
.part-5 .supplier-recom .supplier-info li .company-name p {width: 130px;line-height: 24px;}
.part-5 .supplier-recom .supplier-info li p.intro {text-align: justify;color: #999999;line-height: 24px;margin-top: 15px;}
.part-5 .supplier-recom .supplier-info li .label {width: 100%;margin-top: 15px;}
.part-5 .supplier-recom .supplier-info li .label span {display: block;width: 83px;box-sizing: border-box;padding-top: 10px;border-top: 2px solid #8155d9;color: #ac80d0;}
.part-5 .supplier-recom .supplier-info li .pro-list-item {margin-top: 15px;}
.part-5 .supplier-recom .supplier-info li .pro-list-item ul {margin-right: -37px;}
.part-5 .supplier-recom .supplier-info li .pro-list-item li {width: 82px;margin-right: 39px;}
.part-5 .supplier-recom .supplier-info li .pro-list-item li .img {width: 82px;height: 82px;text-align: center;line-height: 82px;border: 1px solid #eeeeee;}
.part-5 .supplier-recom .supplier-info li .pro-list-item li p a {word-break: break-all;}

/* Ã¥Ë†â€”Ã¨Â¡Â¨Ã©Â¡Âµ */
.location {padding: 15px 0;}
.content-list {background: #ffffff;}

.filter-box {width: 901px;background: #ffffff;border: 1px solid #DCDCDC;box-sizing: border-box;margin-bottom: 20px;}
.filter-box .selected {width: 100%;border-bottom: 1px solid #DCDCDC;box-sizing: border-box;padding: 10px 20px;}
.filter-box .selected p span {color: #FF0000}
.filter-box .selected span.label {font-size: 14px;color: #8D8D8D;text-align: right;display: block;}
.filter-box .selected .list {margin-left: 30px;width: 620px;}
.filter-box .selected .list ul {margin-right: -32px;}
.filter-box .selected .list a {line-height: 23px;font-size:12px;color:#777;text-align: center;position: relative;border: 1px solid #dcdcdc;color: #555;box-sizing: border-box;background: #ffffff;margin-right: 20px;padding: 2px 10px;cursor: pointer;}
.filter-box .selected .list a:hover{color:#ff3433b8;background: #ff34331f;border: 1px solid #ff3433b8;}
.filter-box .selected .list li #close {z-index: 100;margin-left:6px;}
.filter-box .area {width: 100%;background: #ffffff;border-bottom: 1px dashed #DCDCDC;box-sizing: border-box;padding: 10px 20px;}
.filter-box .area .list {width: 620px;margin-left: 30px;}
.filter-box .area .list ul{width: 550px;float:left;}
.filter-box .area .list ul li {line-height: 25px;text-align: center;cursor: pointer;width:80px;box-sizing: border-box;}
.filter-box .area .list ul .selected-active{line-height: 25px;text-align: center;margin: 0 30px 20px 0;cursor: pointer;padding: 0 21.5px;box-sizing: border-box;}
.filter-box .area .more {width: 57px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #C7C7C7;border-radius: 4px;cursor: pointer;}
.filter-box .area .pack {width: 57px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #C7C7C7;border-radius: 4px;display: none;cursor: pointer;}
.all{width:69px;height:25px;float:left;}
.all a{line-height: 22px !important;text-align: center !important;font-size: 12px;color: #39AEFF;border: 1px solid #39AEFF;border-radius: 4px;box-sizing: border-box;padding: 3px 21.5px !important;box-sizing: border-box;}

.filter-box .nature {width: 100%;background: #ffffff;box-sizing: border-box;padding: 10px 20px;}
.filter-box .nature .list {width: 620px;margin-left: 30px;}
.filter-box .nature .list ul{width: 550px;float:left;}
.selected-active {line-height: 22px!important;text-align: center!important;font-size: 12px;color: #39AEFF;border: 1px solid #39AEFF;border-radius: 4px;box-sizing: border-box;padding: 0.5px 21.5px!important;box-sizing: border-box;}
.filter-box .nature .list ul li {line-height: 25px;text-align: center;width:100px;cursor: pointer;box-sizing: border-box;}
.filter-box .nature .list ul li a {display: inline-block;width: 100%;}
.filter-box .nature .more {width: 57px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #C7C7C7;border-radius: 4px;cursor: pointer;}
.filter-box .nature .pack {width: 57px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #C7C7C7;border-radius: 4px;display: none;cursor: pointer;}

.filter-box .product {width: 100%;background: #ffffff;box-sizing: border-box;padding: 10px 20px;border-bottom: 1px dashed #dcdcdc;}
.filter-box .product .list {width: 620px;margin-left: 30px;}
.filter-box .product .list ul{width: 550px;float:left;}
.selected-active {line-height: 22px!important;text-align: center!important;font-size: 12px;color: #39AEFF;border: 1px solid #39AEFF;border-radius: 4px;box-sizing: border-box;padding: 0.5px 21.5px!important;box-sizing: border-box;}
.filter-box .product .list ul li {line-height: 25px;text-align: center;width:100px;cursor: pointer;box-sizing: border-box;}
.filter-box .product .list ul li a {display: inline-block;width: 100%;}
.filter-box .product .more {width: 57px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #C7C7C7;border-radius: 4px;cursor: pointer;}
.filter-box .product .pack {width: 57px;height: 22px;line-height: 22px;text-align: center;border: 1px solid #C7C7C7;border-radius: 4px;display: none;cursor: pointer;}

.filter-box .type {width: 100%;background: #ffffff;border-bottom: 1px dashed #DCDCDC;box-sizing: border-box;padding: 10px 20px;}
.filter-box .type .list {width: 929px;margin-left: 30px;}
.filter-box .type .list ul li {line-height: 25px;text-align: center;width:100px;cursor: pointer;box-sizing: border-box;}
.filter-box .type .list ul li a {display: inline-block;width: 100%;}
.filter-box .scale {width: 100%;background: #ffffff;box-sizing: border-box;padding: 10px 20px;}
.filter-box .scale .list {width: 929px;margin-left: 30px;}
.filter-box .scale .list ul li {line-height: 25px;text-align: center;margin: 0 26px 0 0;cursor: pointer;padding: 0 21.5px;box-sizing: border-box;}
.filter-box .scale .list ul li a {display: inline-block;width: 100%;}

.list-con {padding-bottom: 60px;}
.list-con-left {width: 901px;}
.list-con-left .lab-part {padding: 0 15px;background: #ffffff;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-left ul.con-list {background: #ffffff;} 
.list-con-left .lab {box-sizing: border-box;padding: 15px 0;padding-bottom: 15px;border-bottom: 2px solid transparent;border-image: linear-gradient(to right,#09b0d7,#2ff8fa)1 10;font-size: 18px;color: #333333;}
.list-con-left .lab span {margin: 0 23px;font-size: 18px;color: #333333;width: 72px;text-align: center;display: inline-block;}
.list-con-left li.list-item {height: 82px;box-sizing: border-box;padding: 10px 15px;}
.list-con-left li.list-item:hover {box-shadow: 0px 0px 10px #faf2f2;transition: all 0.5s}
.list-con-left li.list-item:hover .con .title {font-weight: bold;color: #d24441;font-size: 18px;}
.list-con-left li.list-item:hover .con .title span {color: #339aff;}
.list-con-left li.list-item:hover .con .comp-name {color: #333333;}
.list-con-left li.list-item .part {display: block;width: 100%;height: 100%;padding-bottom: 10px;border-bottom: 1px dashed #eeeeee;}
.list-con-left li.list-item .img {width: 58px;height: 58px;line-height: 56px;text-align: center;border: 1px solid #eeeeee;margin-right: 10px;}
.list-con-left li.list-item .img img{width: 56px;height: 56px;}
.list-con-left li.list-item .con {width: 763px;display: inline-block;}
.list-con-left li.list-item .con .title {margin-bottom: 14px;font-size: 16px;color: #333333;box-sizing: border-box;padding-top: 1px;}
.list-con-left li.list-item .con .title em{color:#c00;}
.list-con-left li.list-item .con .title span {font-size: 12px;color: #fe0100;}
.list-con-left li.list-item .con .item p {width: 100px;margin: 0 12px;color: #999999;}
.list-con-left li.list-item .con .item p span {color: #fe4240;}
.list-con-left li.list-item .con .item a {display: block;width: 76px;margin: 0 10px;height: 23px;line-height: 21px;border: 1px solid #38afff;color: #38afff;text-align: center;border-radius: 4px;box-sizing: border-box;}
.list-con-left li.list-item .con .item a:hover {background: #00b9ed;color: #ffffff;}
.list-con-left li.list-item .con .comp-name {color: #999999;}

.list-con-right {width: 288px;}
.list-con-right .part-1 {width: 100%;background: #ffffff;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-right .part-1 .img {width: 100%;height: 145px;}
.list-con-right .part-1 .img a {width: 100%;height: 100%;display: block;}
.list-con-right .part-1 .img img {width: 100%;height: 100%;}
.list-con-right .part-1 .hot-line {width: 100%;line-height: 32px;text-align: center;}
.list-con-right .part-1 .hot-line span {font-style:italic;font-size: 18px;color: #333333;font-weight: bold;}

.list-con-right .part-2 {width: 100%;background: #ffffff;margin-top: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-right .part-2 .lab-1 {box-sizing: border-box;padding: 15px;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#34ce65,#93fd65)1 10;font-size: 18px;color: #666666;}
.list-con-right .part-2 .lab-2 {box-sizing: border-box;padding: 15px;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#0452d1,#89e2fd)1 10;font-size: 18px;color: #666666;}
.list-con-right .part-2 .lab-3 {box-sizing: border-box;padding: 15px;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#7c50d8,#e38ffa)1 10;font-size: 18px;color: #666666;}
.list-con-right .part-2 .img {margin-top: 10px;}
.list-con-right .part-2 .title {box-sizing: border-box;padding-left: 15px;padding-top: 10px;font-weight: bold;color: #333333;}
.list-con-right .part-2 .list {box-sizing: border-box;padding: 15px 15px 20px 15px;}
.list-con-right .part-2 .list li span {color: #999999;margin-right: 10px;}
.list-con-right .part-2 .list li a {color: #666666;}
.list-con-right .part-2 .list li a:hover {color: #d7000f;}
.list-con-right .part-2 .list li {margin-bottom: 15px;}
.list-con-right .part-2 .list li:last-child {margin: 0;}

.list-con-right .part-3 {width: 100%;background: #ffffff;margin-top: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-right .part-3 .lab {box-sizing: border-box;padding: 15px;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#fd3530,#ffc900)1 10;font-size: 18px;color: #666666;}
.list-con-right .part-3 .list {box-sizing: border-box;padding: 15px;}
.list-con-right .part-3 .list li span {display: block;width: 20px;height: 20px;line-height: 20px;text-align: center;background: #d8d8d8;border-radius: 4px;margin-right: 10px;}
.list-con-right .part-3 .list li:nth-child(1) span {background: #d6010e;color: #ffffff;}
.list-con-right .part-3 .list li:nth-child(2) span {background: #ea6200;color: #ffffff;}
.list-con-right .part-3 .list li:nth-child(3) span {background: #f09900;color: #ffffff;}
.list-con-right .part-3 .list li {margin-bottom: 15px;}
.list-con-right .part-3 .list li:last-child {margin: 0;}
/* =================================================================== */

/* Ã¦â€¹â€ºÃ¥â€¢â€ Ã¨Â¯Â¦Ã¦Æ’â€¦ */
.detail-part-1 {width: 100%;height: 281px;box-sizing: border-box;padding: 30px;background: #ffffff;position: relative;border: 1px solid #e6e6e6;}
.detail-part-1 .img {position: absolute;top: 0;right: 20px;}
.detail-part-1 p span {color: #999999;font-size: 14px;}
.detail-part-1 p:nth-child(1) {font-size: 24px;font-weight: bold;color: #666666;margin-bottom: 20px;}
.detail-part-1 p:nth-child(2) {width: 80%;height: 55px;line-height: 55px;background: #eeeeee;padding: 0 15px;font-size: 16px;margin-bottom: 20px;}
.detail-part-1 p:nth-child(3) {font-size: 16px;padding: 0 15px;margin-bottom: 20px;}
.detail-part-1 p:nth-child(4) {font-size: 16px;padding: 0 15px;margin-bottom: 20px;}
.detail-part-1 p:nth-child(5) {font-size: 16px;padding: 0 15px;}

.detail-part-2 {width: 100%;box-sizing: border-box;padding: 30px;background: #ffffff;margin-top: 20px;border: 1px solid #e6e6e6;}
.detail-part-2 .label {box-sizing: border-box;border-bottom: 3px solid #eeeeee;height: 40px;}
.detail-part-2 .label span {display: block;width: 125px;font-size: 18px;font-weight: bold;color: #999999;box-sizing: border-box;text-align: center;padding-bottom: 15px;position: relative;}
.active-span {border-bottom: 3px solid transparent;border-image: linear-gradient(to right,#30f9fc,#09b0d5)1 10;color: #333333!important;}
.detail-part-2 .con {box-sizing: border-box;padding: 20px 0;}
.detail-part-2 .con p {margin-bottom: 10px;color: #333333;}
// .detail-part-2 .con-1 {margin-top: 20px;}
.detail-part-2 .con-1 .labs {width: 100%;height: 42px;line-height: 42px;background: #fafafa;box-sizing: border-box;padding: 0 15px;}
.detail-part-2 .con-1 .labs span {font-size: 16px;font-weight: bold;}
.detail-part-2 .con-1 .labs img {margin-bottom: 6px;}
.detail-part-2 .con-1 .con-1-item {margin: 15px 0;overflow:hidden;}
.detail-part-2 .con-1 .con-1-item > * {max-width:100%!important;}
.detail-part-2 .con-1 .con-1-item .crrcgcx-cont-right {width:100%!important;margin:0!important;}
.detail-part-2 .con-1 .con-1-item .foot-top {width: 100%!important;}
.detail-part-2 .con-1 .con-1-item table {margin:0 auto!important;}
.detail-part-2 .con-1 .con-1-item p {margin-bottom: 15px;}
.detail-part-2 .con-1 .con-1-item p img {max-width:100%!important;}
/* Ã¨Ââ€Ã§Â³Â»Ã¦â€“Â¹Ã¥Â¼Â */
/* è”ç³»æ–¹å¼ */
.contact-way {margin-top: 20px;background: #ffffff;box-sizing: border-box;padding: 30px;height: 265px;border: 1px solid #e6e6e6;}
.contact-way .label {box-sizing: border-box;border-bottom: 3px solid #eeeeee;height: 40px;}
.contact-way .label span {display: block;width: 125px;font-size: 18px;font-weight: bold;color: #333333;box-sizing: border-box;text-align: center;padding-bottom: 15px;border-bottom: 3px solid transparent;border-image: linear-gradient(to right,#ff3732,#fe8e01)1 10;}
.contact-way .list-item {box-sizing: border-box;padding: 30px 0;}
.contact-way .list-item ul {margin-right: -40px;}
.contact-way .list-item li {text-align: center;margin-right: 40px;color: #999999;cursor: pointer;min-width: 75px;}
.contact-way .list-item li .img {margin-bottom: 10px;}
.contact-way .list-item li .img-2 {display: none;}
.contact-way .list-item li:hover {color: #333333;}
.contact-way .list-item li:hover .img-2 {display: inline-block;}
.contact-way .list-item li:hover .img-1 {display: none;}

.remark {background: #ffffff;box-sizing: border-box;padding: 20px 0;/* border-radius: 8px; */text-align: center;margin-top: 20px;color: #999999;font-size: 12px;border: 1px solid #e6e6e6;}
.remark span {color: #ff6864;}
/* =======end========= */
/* Ã¦Â±â€šÃ¨Â´Â­Ã¨Â¯Â¦Ã¦Æ’â€¦ */
.detail-buy-part-1 {width: 100%;box-sizing: border-box;padding: 30px;background: #ffffff;position: relative;border: 1px solid #e6e6e6;}
.detail-buy-part-1 .img {position: absolute;top: 0;right: 20px;}
.detail-buy-part-1 p span {color: #333333;font-size: 14px;}
.detail-buy-part-1 p:nth-child(1) {font-size: 24px;color: #333333;margin-bottom: 20px;}
.detail-buy-part-1 p:nth-child(1) span {font-size: 24px;color: #fe0200;}
.detail-buy-part-1 p:nth-child(2) {width: 90%;height: 55px;line-height: 55px;background: #eeeeee;padding: 0 15px;font-size: 16px;margin-bottom: 20px;}
.detail-buy-part-1 p:nth-child(3) {font-size: 16px;padding: 0 15px;margin-bottom: 15px;}
.detail-buy-part-1 p:nth-child(4) {font-size: 16px;padding: 0 15px;margin-bottom: 15px;}
.detail-buy-part-1 p:nth-child(5) {font-size: 16px;padding: 0 15px;margin-bottom: 15px;}
.detail-buy-part-1 p:nth-child(6) {padding: 0 15px;}
.detail-buy-part-1 p:nth-child(6) a {display: block;width: 142px;height: 42px;border-radius: 4px;text-align: center;line-height: 42px;}
.detail-buy-part-1 p:nth-child(6) a img {width: 18px;height: 18px;margin-bottom: 3px;}
.detail-buy-part-1 p:nth-child(6) a span {color: #ffffff;font-size: 15px;}
.detail-buy-part-1 p:nth-child(6) a:nth-child(1) {background: #ffcd33;margin-right: 20px;}
.detail-buy-part-1 p:nth-child(6) a:nth-child(2) {background: #a0a0a0;}

.quotation {background: #ffffff;margin-top: 20px;padding-bottom: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.quotation .labs {box-sizing: border-box;padding: 15px 0;}
.quotation .labs span {display: block;padding-left: 20px;border-left: 6px solid #fe3a1b;font-size: 16px;font-weight: bold;color: #fe0135;}
.quotation .form-item {box-sizing: border-box;padding: 10px 20px;}
.quotation .form-item input.wenben {border: 1px solid #dcdcdc;width: 332px; height: 35px;box-sizing: border-box;padding: 0 20px;}
.quotation .form-item textarea {width: 537px;border: 1px solid #dcdcdc;vertical-align: top;box-sizing: border-box;padding: 15px;}
.quotation .form-item .sub-but {width: 130px;height: 35px;line-height: 35px;text-align: center;background: #fdb913;color: #ffffff;border-radius: 4px;margin-left: 80px;}
.quotation .form-item label.frm_left {text-align: right;width: 65px;display: inline-block;margin-right: 10px;}
.quotation .form-item label.frm_left .red_tips {color: #ff0202;}
.quotation .form-item .input_tips {color: #ff0202;}
.quotation .form-item .sel-opt {line-height: 32px;cursor: pointer;}
.quotation .form-item .sel-opt select:focus {border-color: #dcdcdc}
.quotation .form-item .sel-opt select option {border-color: #dcdcdc;}
.quotation .form-item .sel-opt {
    width: 200px;
    height: 35px;
    outline: none;
    /*Ã¥Å½Â»Ã¦Å½â€°Ã©Â»ËœÃ¨Â®Â¤Ã§Å¡â€žÃ¤Â¸â€¹Ã¦â€¹â€°Ã¤Â¸â€°Ã¨Â§â€™*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    padding-left: 12px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    /*Ã¦Â·Â»Ã¥Å Â Ã¤Â¸â€¹Ã¦â€¹â€°Ã¤Â¸â€°Ã¨Â§â€™Ã¥â€ºÂ¾Ã¦Â â€¡*/
   background: url("../image/down.png") no-repeat 95% center transparent;
   background-size: 14px 14px;
}
div.area {display: inline-block;}
div.area>input[type='radio'] {display: none}
div.area>label {position: relative;margin-right: 20px;}
div.area>label::before{
    display: inline-block;
    content: "";
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    margin-right: 10px;
    vertical-align: middle;
    margin-bottom: 2px;
}
div.area>input:checked+label::before{
    background-color: #fff;
    border-color: #1faade;
}
div.area>input:checked+label::after{
    display: inline-block;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    bottom: 4px;
    background-color:#0099FF;  
}

/* Ã¥ÂÅ’Ã§Â±Â»Ã¦Â±â€šÃ¨Â´Â­Ã¤Â¿Â¡Ã¦ÂÂ¯ */
.buy-info {width: 100%;background: #ffffff;margin-top: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.buy-info .label {box-sizing: border-box;padding: 15px 20px;}
.buy-info .label .label-item {box-sizing: border-box;border-bottom: 3px solid #eeeeee;padding-bottom: 15px;}
.buy-info .label .label-item span {font-size: 20px;color: #333333;border-bottom: 3px solid transparent;border-image: linear-gradient(to right,#296cd2,#93ddf3)1 10;padding: 0 15px 15px 15px;}
.buy-info .list_item {box-sizing: border-box;padding: 0 20px 40px 20px;}
.buy-info .list_item li {width: 430.5px;box-sizing: border-box;padding: 15px;margin-right: -1px;margin-bottom: -1px;border-bottom: 1px dashed #eeeeee;border-right: 1px dashed #eeeeee;}
.buy-info .list_item li:nth-child(2),.buy-info .list_item li:nth-child(4),.buy-info .list_item li:nth-child(6),.buy-info .list_item li:nth-child(8),.buy-info .list_item li:nth-child(10) {border-right: 0;}
.buy-info .list_item li:nth-child(9),.buy-info .list_item li:nth-child(10) {border-bottom: 0;}
.buy-info .list_item li:hover {box-shadow: 0px 0px 10px #faf2f2;transition: all 0.5s}
.buy-info .list_item li:hover p:nth-child(1) a {color: #de0604;}
.buy-info .list_item li p:nth-child(1) {color: #333333;margin-bottom: 6px;}
.buy-info .list_item li p:nth-child(1) a {color: #333333;}
.buy-info .list_item li p:nth-child(2) {color: #999999;line-height: 24px;margin-bottom: 15px;}
.buy-info .list_item li p:nth-child(3) {color: #999999;}

.list-con-right .loging {background: #fff;margin-bottom: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-right .loging p {background: #ff3333;color: #fff;font-weight: bold;font-size: 14px;height: 40px;line-height: 40px;box-sizing: border-box;padding: 0 0 0 10px;}
.list-con-right .loging form {box-sizing: border-box;padding: 20px 15px;}
.list-con-right .loging form .form-item {border-bottom: 1px solid #cccccc;box-sizing: border-box;padding: 0 6px 6px 6px;margin-bottom: 20px;}
.list-con-right .loging form .form-item input {width: 140px;margin-left: 10px;}
.list-con-right .loging form .forgot {box-sizing: border-box;padding: 0 40px;margin: 4px 0 20px 0;}
.list-con-right .loging form .forgot a:last-child {color: #3366ff;}
.list-con-right .loging form input[type="submit"] {display: block;width: 146px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ff3333;border-radius: 16px;color: #ff3333;font-size: 14px;background: #fff;margin: 0 auto;}
.list-con-right .loging .apply-member {height: 78px;background: url('../image/bg-1.png')no-repeat center;background-size: 100% 100%;}
.list-con-right .loging .apply-member a {display: block;width: 100%;height: 100%;line-height: 78px;text-align: center;font-size: 18px;color: #fff;font-family: Source Han Sans CN;font-weight: 500px;}
.list-con-right .loging .apply-member a span {vertical-align: middle;}
.list-con-right .notice {background: #ffffff;margin-bottom: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-right .notice .labels {box-sizing: border-box;padding: 15px;font-size: 16px;color: #333333;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#38ce66,#94fe66)1 10;}
.list-con-right .notice .con {box-sizing: border-box;padding: 15px;}
.list-con-right .notice .con p {margin-bottom: 10px;line-height: 24px;}

/* Ã§Æ’Â­Ã©â€”Â¨Ã¤ÂºÂ§Ã¥â€œÂ */
.hot-pro {background: #fff;margin-bottom: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.hot-pro .labels {box-sizing: border-box;padding: 15px;font-size: 16px;color: #333333;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#9b069b,#f991fa)1 10;}
.hot-pro-lab {height: 48px;border-bottom: 1px solid #e3e1dd;}
.hot-pro-lab p:first-child {border-top: 2px solid #e50113;padding: 10px;font-size: 18px;}
.hot-pro-lab p:first-child span {vertical-align: middle}
.hot-pro-lab p:first-child img {margin-right: 6px;}
.hot-pro-list {padding: 15px}
.hot-pro-list table { border-collapse: collapse; border: 0px solid #fff; }
.hot-pro-list td {border-right: 1px dashed #e8e8e8;width:97px;border-bottom: 1px dashed #e8e8e8;box-sizing: border-box;padding: 15px 0;text-align: center;border-top: 0;border-left: 0}
.hot-pro-list td:last-child {border-right: 0;}
.hot-pro-list tr:last-child td {border-bottom: 0}
.hot-pro-list td a {text-decoration: none}
/* =======end========= */
/* ======================== */
/* Ã¥Ââ€˜Ã¥Â¸Æ’Ã¦Â±â€šÃ¨Â´Â­Ã¤Â¿Â¡Ã¦ÂÂ¯ */
.main-content {padding-bottom: 60px;}
.con-area {background: #ffffff;width: 100%;box-sizing: border-box;padding: 40px 30px;border: 1px solid #e6e6e6;}
.con-area .con-part-1 .line-1 .p1 {font-size: 20px;font-weight: bold;color: #333333;}
.con-area .con-part-1 .line-1 .p2 a {color: #0067ff;}
.con-area .con-part-1 .line-1 .p3 {font-style: italic;}
.con-area .con-part-1 .line-1 .p3 span {color: #fe0101;}
.con-area .con-part-1 .line-2 {width: 100%;height: 162px; background: url('../image/bg-2.png')no-repeat center;background-size: 100% 100%;margin-top: 30px;box-sizing: border-box;padding: 20px 30px;}
.con-area .con-part-1 .line-2 .left {width: 675px;}
.con-area .con-part-1 .line-2 .left p {margin-bottom: 15px;line-height: 24px;}
.con-area .con-part-1 .line-2 .left p:last-child {margin: 0;}
.con-area .con-part-1 .line-2 .right {width: 251px;}
.con-area .con-part-1 .line-2 .right p {width: 114px;}
.issue-form {margin-top: 30px;}
.issue-form .lab {padding-bottom: 15px;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;margin-top: 40px;}
.issue-form .lab p:nth-child(1) {font-size: 22px;color: #333333;border-left: 6px solid #fd391c;line-height: 22px;padding-left: 20px;}
.issue-form .lab p:nth-child(2) {color: #999999;}
.issue-form .lab p:nth-child(2) span {color: #fe4442;}
.issue-form .lab p:nth-child(2) a:nth-child(1) {color: #0066c8;}
.issue-form .lab p:nth-child(2) a:nth-child(2) {font-size: 18px;color: #fe0100;}
.issue-form .form-item {box-sizing: border-box;padding: 10px 20px;}
.issue-form .form-item input.wenben {border: 1px solid #dcdcdc;width: 332px; height: 35px;box-sizing: border-box;padding: 0 20px;}
.issue-form .form-item textarea {width: 537px;border: 1px solid #dcdcdc;vertical-align: top;box-sizing: border-box;padding: 15px;}
.issue-form .form-item .sub-but {width: 130px;height: 35px;line-height: 35px;text-align: center;background: #fdb913;color: #ffffff;border-radius: 4px;margin-left: 80px;}
.issue-form .form-item label.frm_left {text-align: right;width: 100px;display: inline-block;margin-right: 10px;}
.issue-form .form-item label.frm_left .red_tips {color: #ff0202;}
.issue-form .form-item .input_tips {color: #ff0202;}
.issue-form .form-item .sel-opt {line-height: 32px;cursor: pointer;/*Ã©Â¼Â Ã¦Â â€¡Ã¤Â¸Å Ã§Â§Â»Ã¥ÂËœÃ¦Ë†ÂÃ¥Â°ÂÃ¦â€°â€¹*/}
.issue-form .form-item .sel-opt select:focus {border-color: #dcdcdc}
.issue-form .form-item .sel-opt select option {border-color: #dcdcdc;}
.issue-form .form-item .sel-opt {
    width: 200px;
    height: 35px;
    outline: none;
    /*Ã¥Å½Â»Ã¦Å½â€°Ã©Â»ËœÃ¨Â®Â¤Ã§Å¡â€žÃ¤Â¸â€¹Ã¦â€¹â€°Ã¤Â¸â€°Ã¨Â§â€™*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    padding-left: 12px;
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    /*Ã¦Â·Â»Ã¥Å Â Ã¤Â¸â€¹Ã¦â€¹â€°Ã¤Â¸â€°Ã¨Â§â€™Ã¥â€ºÂ¾Ã¦Â â€¡*/
   background: url("../image/down.png") no-repeat 95% center transparent;
   background-size: 14px 14px;
}
/* =======end========= */

/* --------------------------- */
/* Ã§â€Â³Ã¨Â¯Â·Ã©â€œÂ¾Ã¦Å½Â¥ */
.banner {width: 100%;margin-bottom: 20px;}
.banner img {width: 100%;display: block;}
.content-part {padding-bottom: 60px;}
.content-part-left {background: #ffffff;width: 901px;box-sizing: border-box;padding: 30px;}
.apply-form {margin-top: 30px;}
.apply-form .form-item {box-sizing: border-box;padding: 10px 20px;}
.apply-form .form-item input {border: 1px solid #dcdcdc;height: 35px;box-sizing: border-box;padding: 0 20px;}
.apply-form .form-item input.wenben {border: 1px solid #dcdcdc;width: 332px; height: 35px;box-sizing: border-box;padding: 0 20px;}
.apply-form .form-item textarea {width: 537px;border: 1px solid #dcdcdc;vertical-align: top;box-sizing: border-box;padding: 15px;}
.apply-form .form-item .sub-but {width: 130px;height: 35px;line-height: 35px;text-align: center;background: #fe0100;color: #ffffff;border-radius: 4px;margin-left: 73px;}
.apply-form .form-item label.frm_left {text-align: right;width: 60px;display: inline-block;margin-right: 10px;}
.apply-form .form-item .red_tips {color: #ff0202;}
.content-part-left p.label {font-size: 24px;color: #333333;margin-bottom: 20px;}
.content-part-left .explain {margin-top: 40px;}
.content-part-left .explain p {margin-bottom: 15px;line-height: 24px;box-sizing: border-box;padding-left: 20px;}
.content-part-left .explain p:nth-child(1) {font-size: 16px;color: #333333;font-weight: bold;}
.content-part-left .explain p:nth-child(6) {font-size: 16px;color: #333333;font-weight: bold;}

.content-part-right {width: 280px;}
.content-part-right .link-explain {width: 100%;background: #ffffff;box-sizing: border-box;padding: 20px;}
.content-part-right .link-explain p {margin-bottom: 10px;line-height: 24px;text-align: justify;}
.content-part-right .link-explain .contact-people {box-sizing: border-box;padding: 10px;border-top: 1px dashed #eeeeee;}
.content-part-right .link-explain .contact-people p img {margin-bottom: 4px;}
/* =======end========= */

/* Ã¤ÂºÂ§Ã¥â€œÂÃ¨Â¯Â¦Ã¦Æ’â€¦ */
.content-detail {background: #fff;padding-bottom: 30px;}
.informations .pro-part {width: 100%;border: 1px solid #e6e6e6;box-sizing: border-box;padding: 15px;background: #ffffff;}
.informations .pro-part .big-img {width: 354px;height: 354px;}
.informations .pro-part .big-img img {display:block;max-width: 354px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);}

.informations .pro-part .i_block{width:176px;height:176px;display:block;border:1px solid #999;
position:absolute;top:67px;left:17px;background-color:#fff;opacity:0.5;-moz-opacity:0.5; filter:alpha(opacity=50);display:none;}
.informations .pro-part .i_shade{width:354px;height:354px;background-color:red;opacity:0;filter:alpha(opacity=0);position:absolute;top:66px;left:17px;cursor: move;}
/*bo_bimg*/
.informations .pro-part .bo_bimg{width:354px;height:354px;position:absolute;left:376px;top:66.8px;overflow:hidden;display:none;z-index:9999;}
.informations .pro-part .bo_bimg img{position:absolute;min-width:500px;min-heght:500px;}
.informations .pro-part li{position: relative; width: 54px; height:54px;overflow: hidden;border:2px solid #e8e8e8; margin-right:15px; box-sizing: border-box; cursor: pointer;}
.informations .pro-part li.pactive{border:2px solid #ad2f31;}
.informations .pro-part li:hover{border:2px solid #ad2f31;}


.informations .pro-part .sm-img {margin-top: 30px;}
.informations .pro-part #cl_boost {margin-right: 30px;}
.informations .pro-part .intro-info {width: 730px;}
.informations .pro-part .intro-info p:nth-child(1) {font-size: 24px;font-weight: bold;color: #333333;line-height: 26px;padding-top: 10px;}
.informations .pro-part .intro-info .item {background: url('../image/bg-2.png')no-repeat center;background-size: 100% 100%;width: 100%;height: 55px;line-height: 54px;margin-top: 30px;box-sizing: border-box;padding: 0 10px;}
.informations .pro-part .intro-info .item .price {box-sizing: border-box;height: 100%;}
.informations .pro-part .intro-info .item .price span:nth-child(1) {color: #999999;font-size: 14px;margin-right: 20px;}
.informations .pro-part .intro-info .item .price span:nth-child(2) {color: #ff3333;font-size: 14px;font-weight: bold;}
.informations .pro-part .intro-info .item .price span:nth-child(2) span {font-size: 20px;font-weight: bold;color: #ff3333;}
.informations .pro-part .intro-info .item .do div:nth-child(1) {margin-right: 20px;}
.informations .pro-part .intro-info .item .do div a {vertical-align: middle;}
.informations .pro-part .intro-info .item .do .bdsharebuttonbox {display: inline-block;height: 55px;box-sizing: border-box;padding: 21px 0;}
.informations .pro-part .intro-info .item .do .bdsharebuttonbox .bds_more {background: url('../image/icon-share.png')no-repeat;margin: 0;background-position: 0% 62.2%;}
.informations .pro-part .intro-info .item .do .nocollect {font-size: 12px;color: #333333;line-height: 58px;width: 68px;}
.informations .pro-part .intro-info .item .do .nocollect img {margin-right: 5px;margin-bottom: 4px;}
.informations .pro-part .intro-info .item .do .collected {font-size: 12px;color: #333333;line-height: 58px;width: 68px;}
.informations .pro-part .intro-info .item .do .collected img {margin-right: 5px;margin-bottom: 4px;}

.informations .pro-part .intro-info .pro-info {box-sizing: border-box;padding: 10px;}
.informations .pro-part .intro-info .pro-info p span:nth-child(1) {font-size: 14px;color: #999999;font-weight: 400;margin-right: 20px;}
.informations .pro-part .intro-info .pro-info p span:nth-child(2) {font-size: 14px;color: #333333;font-weight: 400;}
.informations .pro-part .intro-info .pro-info p {margin-bottom: 10px;}
.informations .pro-part .intro-info .pro-info p:nth-child(5) a {width: 66px;height: 24px;text-align: center;border: 1px solid #999999;font-size: 12px;margin-right: 10px;box-sizing: border-box;}
.informations .pro-part .intro-info .pro-info p:nth-child(5) span {margin-top: 2px;}

.informations .pro-part .intro-info .other-info p {font-size: 14px;padding-top: 0;margin-right: 10px;line-height: 26px;}
.informations .pro-part .intro-info .other-info p span {color: #ff3433;}
.informations .pro-part .intro-info .other-info img {margin-right: 20px;}
.informations .pro-part .intro-info .other-info .left-part {margin-right: 100px;}

.informations .pro-part .intro-info .make {margin-top: 40px;}
.informations .pro-part .intro-info .make a:nth-child(1) {display: block;width: 140px;height: 40px;line-height: 40px;background: #ffcc66;text-align: center;box-sizing: border-box;font-size: 16px;margin-right: 20px;color: #fff;}
.informations .pro-part .intro-info .make a:nth-child(2) {display: block;width: 186px;height: 40px;line-height: 40px;box-sizing: border-box;background: #aaaaaa;text-align: center;font-size: 16px;color: #fff;}
.informations .pro-part .intro-info .make a:nth-child(2) img {margin-bottom: 4px;}

.list-con-right .comp-detail {width: 100%;box-sizing: border-box;background: #ffffff;border: 1px solid #e6e6e6;}
.list-con-right .comp-detail p:nth-child(1) {height: 40px;line-height: 40px;box-sizing: border-box;padding: 0 10px;border-bottom: 1px solid #ffcc66;font-size: 16px;font-weight: bold;}
.list-con-right .comp-detail p:nth-child(1) img {margin-bottom: 6px;margin-right: 10px;}
.list-con-right .comp-detail .info {box-sizing: border-box;padding: 10px;}
.list-con-right .comp-detail .info div:nth-child(1) p {padding: 0;border: 0;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(1) {line-height:20px;margin-bottom:3px;height: auto;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(1) a {font-size: 14px;font-weight: bold;color: #333333;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(1) a:hover {color:#eb0011;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(1) img {margin: 0 6px 4px 0;width:59px;height:17px;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(2) img {margin-right: 10px;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(2) span {font-size: 14px;color: #333333;vertical-align: middle;}
.list-con-right .comp-detail .info div:nth-child(1) p:nth-child(2) span span {font-size: 18px;margin: 0 6px;font-weight: bold;}
.list-con-right .comp-detail .info div:nth-child(2) {padding: 8px 3px;border-top: 1px dashed #e3e3e3;border-bottom: 1px dashed #e3e3e3;margin-top: 10px;}
.list-con-right .comp-detail .info div:nth-child(2) div p:nth-child(1) {border: 0;font-size: 12px;height: 20px;line-height: 20px;color: #999999;}
.list-con-right .comp-detail .info div:nth-child(2) div {text-align: center;}
.list-con-right .comp-detail .info div:nth-child(2) div:nth-child(2) {border: 0;padding: 0 10px;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;margin-left: 24px;margin-top: 0;margin-right: 24px;}
.list-con-right .comp-detail .info p.register-time {font-size: 14px;margin-top: 10px;word-break: break-all;}
.list-con-right .comp-detail .info p.main-product {font-size: 14px;margin-top: 20px;}
.list-con-right .comp-detail .info p.com-int {font-size: 14px;margin-top: 20px;}
.list-con-right .comp-detail .info .store {display: block;width: 120px;height: 30px;line-height: 30px;border: 1px solid #e5e5e5;background: #f5f5f5;text-align: center;color: #999999;margin: 25px auto 0 auto;}
.list-con-right .comp-detail .info .store:hover {background: #ff3333;color: #fff;}
.list-con-right .comp-detail .info .contac {width: 100%;height: 50px;line-height: 50px;background: #e9e9e9;text-align: center;margin-top: 20px;}
.list-con-right .comp-detail .info .contac img {width: 35px;height: 35px;}
.list-con-right .comp-detail .info .contac span {font-size: 12px;color: #333333;}
/* Ã¥â€¢â€ Ã¥Â®Â¶Ã¥â€¦Â¶Ã¥Â®Æ’Ã¤ÂºÂ§Ã¥â€œÂ */
.list-con-right .other-pro {background: #ffffff;margin-top: 20px;border: 1px solid #e6e6e6;box-sizing: border-box;}
.list-con-right .other-pro .la {box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#34ce65,#94fe66)1 10;}
.list-con-right .other-pro .la img {margin-bottom: 2px;margin-right: 15px;}
.list-con-right .other-pro .list li .pro-infos {width: 150px;}
.list-con-right .other-pro .list li .pro-infos p:nth-child(1) {font-weight: bold;color: #333333;margin-bottom: 10px;}
.list-con-right .other-pro .list li {box-sizing: border-box;padding: 15px 20px;border-bottom: 1px solid #eeeeee;}
.list-con-right .other-pro .list li:hover {box-shadow: 0px 0px 10px #adadad;transition: all 0.5s}
.list-con-right .other-pro .list li:last-child {border: 0;}
.list-con-right .other-pro .list li .img {margin-right: 15px;}

/* Ã¥â€¢â€ Ã¥Â®Â¶Ã¥â€¦Â¶Ã¥Â®Æ’Ã¥ÂÅ’Ã§Â±Â»Ã¤ÂºÂ§Ã¥â€œÂ */
.list-con-right .other-like-pro {background: #ffffff;margin-top: 20px;box-sizing: border-box;border: 1px solid #e6e6e6;}
.list-con-right .other-like-pro .la {box-sizing: border-box;padding: 20px;font-size: 16px;color: #333333;border-bottom: 1px solid transparent;border-image: linear-gradient(to right,#34ce65,#94fe66)1 10;}
.list-con-right .other-like-pro .la img {margin-bottom: 2px;margin-right: 15px;}
.list-con-right .other-like-pro .list li .pro-infos {width: 150px;}
.list-con-right .other-like-pro .list li .pro-infos p {color: #999999;font-size: 12px;}
.list-con-right .other-like-pro .list li {box-sizing: border-box;padding: 15px 20px;border-bottom: 1px dashed #eeeeee;}
.list-con-right .other-like-pro .list li:hover {box-shadow: 0px 0px 10px #adadad;transition: all 0.5s}
.list-con-right .other-like-pro .list li:last-child {border: 0;}
.list-con-right .other-like-pro .list li .img {margin-right: 15px;}
.list-con-right .other-like-pro .list li .title {margin-bottom: 10px;}
.list-con-right .other-like-pro .list li .title a {color: #333333;font-weight: bold;}
.list-con-right .other-like-pro .list li .title a:hover {color: #d7000f;}
/* ---------------------------------- */





/*Ã¥Ë†â€ Ã©Â¡Âµ*/
.page {font-size: 12px; padding: 15px 20px;color: #ccc;text-align: center;margin-top:30px;display: block!important;}
.page a{text-decoration: none;display: inline-block;height: 30px;line-height: 28px; padding: 0 12px;margin: 0 2px;transition: 0.3s all;color: #bfbfbf;background: #f2f2f2;border: 1px solid #cecece; }
.page a[href]{color: #555; border: 1px solid #ccc;background-color: transparent; }
.page a[href]:hover,.page a.selected_page{text-decoration: none;background-color: #d7000f;color: #fff;}
.page_input{position: relative;display: inline-block;width: 35px;height: 28px;text-align: center;margin: 0 2px;border: solid 1px #ccc;color: #666;}
.page_button{display: inline-block;width: 40px;height: 24px;line-height: 24px;text-align: center;background-color: #d7000f;color: #fff;border-radius: 3px;margin: 0 5px;}
.page_button:hover{cursor: pointer;opacity: 0.8;}

/* ======== */
/* Ã¥â€ºÂ¾Ã§â€°â€¡Ã§â€°Â¹Ã¦â€¢Ë† */
.special {display: block;overflow: hidden;}
.special img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.special:hover img {
    -webkit-transform: matrix(1.1,0,0,1.1,0,0);
    -moz-transform: matrix(1.1,0,0,1.1,0,0);
    -ms-transform: matrix(1.1,0,0,1.1,0,0);
    -o-transform: matrix(1.1,0,0,1.1,0,0);
    transform: matrix(1.1,0,0,1.1,0,0);
}

/*Ã¥â€ºÅ¾Ã¥Ë†Â°Ã©Â¡Â¶Ã©Æ’Â¨*/
.cd_backTop{height: 48px;cursor: pointer;width:48px;line-height: 48px;text-align: center;position:fixed;right:50px;bottom:50px;display:none;z-index:9999;background-color: #000;border-radius: 6px}
.cd_backTop img {width: 30px;}

/*Ã¥â€œÂÃ¥Âºâ€Ã¥Â¼Â*/
@media screen and (max-width:1200px){
    
}
@media screen and (max-width:1100px){
    
}
@media screen and (max-width:1000px){
    

}
@media screen and (max-width:640px){
    
}