.homenewbox{display:flex; padding-top:20px}
.homenewbox .homeleft{width:980px; margin-right:20px}
.homenewbox .homeleft .pcbcon{/*width:848px; height:350px;*/ background-color:#755020; border-radius:8px; padding:18px 15px 0 15px; box-sizing:border-box}
.homenewbox .homeleft .pcbcon label{font-weight:400}
.homenewbox .homeleft .pcbcon .item{padding:0 10px; box-sizing:border-box; height:32px; background:#ffffff; border:1px solid #dfe1e6; border-radius:2px; /* margin-right:4px; */
    line-height:32px; text-align:center; position:relative; cursor:pointer}
.homenewbox .homeleft .pcbcon .item a{color:#333}
.homenewbox .homeleft .pcbcon .item.img{padding:0 8px}
.homenewbox .homeleft .pcbcon .item.img i[class^="proimg"],.homenewbox .homeleft .pcbcon .item.img span{display:inline-block; vertical-align:top}
.homenewbox .homeleft .pcbcon .item.img span{line-height:30px}
.homenewbox .homeleft .pcbcon .item.img i[class^="proimg"]{width:28px; height:18px; background-color:#999; margin-top:6px}
.homenewbox .homeleft .pcbcon .item.img i.proimgfr4{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgrogers{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimghdi{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgaluminum{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgcopper{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgcem1{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgcem3{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimg22f{background-image:}
.homenewbox .homeleft .pcbcon .item.img i.proimgfr1{background-image:}
.homenewbox .homeleft .pcbcon.new{padding:20px 20px 10px; position:relative}
.homenewbox .homeleft .pcbcon.new .bcon1,.homenewbox .homeleft .pcbcon.new .bcon2,.homenewbox .homeleft .pcbcon.new .topcbquote{border-radius:4px}
.homenewbox .homeleft .pcbcon.new .bcon1 .stitle{margin-bottom:8px}
.homenewbox .homeleft .pcbcon.new .stitle:before{content:'*'; display:inline-block; color:#de0629; margin-right:.3em}
.homenewbox .homeleft .pcbcon.new .layersbox{width:auto; margin-top:10px}
.homenewbox .homeleft .pcbcon.new .layersbox .item{padding:0 1.5em}
.homenewbox .homeleft .pcbcon.new .bcon2{width:770px; float:left; padding-right:40px; justify-content:left;}
.homenewbox .homeleft .pcbcon.new .bcon2 .numbox{margin-left:40px}
.homenewbox .homeleft .pcbcon.new .bcon2 .numbox .scon #num{width:100%; z-index:1}
.homenewbox .homeleft .pcbcon.new .option-size{display:flex; justify-content:space-between; align-items:center}
.homenewbox .homeleft .pcbcon.new .option-size label{margin-bottom:0}
.homenewbox .homeleft .pcbcon.new .option-size input{padding-right: 0;padding-left:8px;width:166px;}
.homenewbox .homeleft .pcbcon.new .recorddatabtn{float:left; margin-left:10px}
.homenewbox .homeleft .pcbcon.new .topcbquote{margin-top:0; width:158px; height:84px; line-height:84px; font-size:24px; padding:0}
.homenewbox .homeleft .pcbcon.new .morelaber{position:absolute; z-index:2; width:60px; top:100%; left:50%; transform:translatex(-50%); background-color:#fff}
.homenewbox .homeleft .pcbcon.new .morelaber p{line-height:32px;}
.homenewbox .homeleft .pcbcon.new .morelaber p:hover{background-color:#fff5e7}
.homenewbox .homeleft .pcbcon .btitle{margin-bottom:16px; line-height:1em; font-size:24px; color:#fff!important}
.homenewbox .homeleft .pcbcon .bcon{/*width:818px;*/ background:#ffffff; border-radius:8px; padding:15px; box-sizing:border-box; margin-bottom:10px}
.homenewbox .homeleft .pcbcon .bcon .stitle{font-size:14px; color:#333; margin-bottom:6px}
.homenewbox .homeleft .pcbcon .bcon1 .stitle{margin-bottom:12px}
.homenewbox .homeleft .pcbcon .bcon1 input{/*accent-color:#f90; */}
.homenewbox .homeleft .pcbcon .bcon1 ul{display:flex}
.homenewbox .homeleft .bcon1 ul li{margin-right:5px; color:#333; font-size:14px; margin-right:10px; font-weight:400}
.homenewbox .homeleft .pcbcon .bcon2{display:flex; justify-content:space-between; padding:12px 15px; box-sizing:border-box; height:84px}
.homenewbox .homeleft .pcbcon .bcon2 .layersbox{width:425px}
.homenewbox .homeleft .pcbcon .bcon2 .layersbox ul{display:flex}
.homenewbox .homeleft .pcbcon .bcon2 .layersbox ul li{margin-right:6px; position:relative}
.homenewbox .homeleft .pcbcon .bcon2 .layersbox .morelaber{display:none; position:absolute; top:37px; left:0; width:50px; background:#ffffff; border-radius:0 0 4px 4px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.10); text-align:left; z-index:999}
.homenewbox .homeleft .pcbcon .bcon2 .layersbox .morelaber p{height:30px; line-height:30px; padding-left:9px; box-sizing:border-box}
.homenewbox .homeleft .pcbcon .bcon2 .layersbox .morelaber p:hover{background-color:#fff5e7}
.homenewbox .homeleft .pcbcon .jp-ico{display:none}
.homenewbox .homeleft .pcbcon .choose{background-color:#fffaf2!important; border:1px solid #f90}
.homenewbox .homeleft .pcbcon .choose .jp-ico{display:block}
.homenewbox .homeleft .pcbcon .bcon2 .numbox{position:relative}
.homenewbox .homeleft .pcbcon .bcon2 .numbox .boardnumber{position:absolute; top:56px; left:0}
.homenewbox .homeleft .pcbcon .bcon2 .numbox .scon #num{width:100px; border:1px solid #dfe1e6}
.homenewbox .homeleft .pcbcon .bcon3{display:flex; padding:12px 15px; /* justify-content:space-between; */}
.homenewbox .homeleft .pcbcon .bcon3 .modebox{margin-right:55px}
.homenewbox .homeleft .pcbcon .bcon3 .modelsnumbox{margin-right:200px}
.homenewbox .homeleft .pcbcon .bcon3 .modelsnumbox input{border:1px solid #dfe1e6; width:118px; height:32px; padding-left:12px}
.homenewbox .homeleft .pcbcon .bcon3 .modebox ul{display:flex}
.homenewbox .homeleft .pcbcon .bcon3 .modebox ul li{margin-right:6px}
.topcbquote{display:block; width:140px; height:40px; background:#ff9800; border-radius:8px; color:#fff; font-size:16px; line-height:40px; text-align:center; margin:15px auto 0}
.topcbquote:hover,.topcbquote:focus{color:#fff!important}
.btitle{font-size:24px; color:#000; margin-bottom:24px}
/* 查看工厂 */
.seefactory{margin-top:30px}
.seefactory .btitle{font-size:24px; color:#000; margin-bottom:24px}
.seefactory .bcon{width:848px; height:220px; background-image:url(/uploads/image/cipcbrevision/facroty_bg.png); cursor:pointer; padding-top:3px; box-sizing:border-box}
.seefactory .bcon .stitle{font-size:20px; color:rgba(51,51,51,1); margin:8px 0 10px 0}
.seefactory .bcon div{font-size:14px; line-height:20px}
.seefactory .bcon .con1{margin-bottom:23px}
.seefactory .bcon .con1 .icon_point{display:inline-block; width:14px; height:14px; background-image:url(/uploads/image/cipcbrevision/icon_point.png); background-size:100% 100%; vertical-align:top; margin-right:5px; margin:3px 3px 0 0}
.seefactory .bcon .con2{margin-bottom:15px}
.seefactory .bcon .con2 > p{width:80px; height:20px; background:rgba(255,153,0,0.10); border-radius:2px; color:#f90; margin-bottom:12px}
.seefactory .bcon .con2 .icon_factory,.boxfactory .f_type .icon_factory{background-color:#f90; display:inline-block; width:20px; height:20px; padding:2px; box-sizing:border-box; background-image:url(/uploads/image/cipcbrevision/icon_factory.png); background-size:20px 20px; background-repeat:no-repeat; background-position:center center; vertical-align:top; margin-right:3px}
.seefactory .bcon .con3 span{padding:0 5px; box-sizing:border-box; margin-right:5px; background-color:#f4f4f4; color:#333}
.seefactory .bcon .con3 span:hover{background-color:#f90; color:#fff}
.seefactory .bcon .con3 span:first-child{padding-left:5px}
.seefactory .bcon div span{padding:0 10px}
.seefactory .bcon div span:first-child{padding-left:0}
.seefactory .bcon div .line{display:inline-block; width:1px; height:14px; background-color:#f4f4f4; margin-top:2px; vertical-align:middle}
.seefactory .bcon2{display:flex; justify-content:space-between; margin-top:20px}
.seefactory .bcon2 .imgbox{position:relative; width:272px; /* overflow:hidden; */}
.seefactory .bcon2 .imgbox a{display:block}
.seefactory .bcon2 .left_mark{width:77px; height:78px; background-image:url(/uploads/image/cipcbrevision/icon_left_mark.png); position:absolute; left:-7px; top:-7px}
.seefactory .bcon2 .icon_play{width:42px; height:32px; background-image:url(/uploads/image/cipcbrevision/icon_video.png); position:absolute; left:115px; top:61px}
.seefactory .bcon2 img{width:272px; height:153px}
.seefactory .bcon2 div{font-size:20px; color:#333; margin:15px 0}
.seefactory .bcon2 p{font-size:14px; color:#999}
/* 全球化服务 */
.globalization{margin-top:45px; position:relative; background: url(/uploads/image/cipcbrevision/homemap.png) no-repeat right bottom;}
.globalization .btitle{font-size:24px; color:#333; position:absolute; top:0; left:0; z-index:999}
.globalization .n{padding:10px 0 20px}
.globalization ul{width:300px; overflow:hidden; padding-bottom:15px}
.globalization ul li{float:left; width:50%; margin-bottom:20px}
.globalization ul li span{display:block; color:#999; font-size:14px; margin-bottom:5px}
.globalization ul li b{display:block; color:#333; font-size:30px; font-weight:normal}
.globalization a.bn{background-color:#f5f8f7; color:#333; font-size:16px; display:inline-block; padding:10px 28px;}
.globalization a.bn:hover{color:#f90}
/*�ͻ�����*/
.customercase{margin:30px 0 20px 0; font-size:24px; color:#333}
.customercase .btitle{margin-bottom:15px}
.globalfamouspartner{height:200px; overflow:hidden; position:relative; padding:20px; background-color:#fff; border-radius:8px}
.globalfamouspartner ul li{display:flex; justify-content:space-between; height:100px}
.globalfamouspartner li>div{width:100px}
.globalfamouspartner li .coop_icon{width:100px; height:28px; background:#fff url(/uploads/image/cipcbrevision/partner.png); background-repeat:no-repeat; text-align:center}
.globalfamouspartner li>div p{color:#999999; font-size:14px; margin-top:8px; text-align:center}
.globalfamouspartner li div.coop_icon1{background-position:-5px -175px}
.globalfamouspartner li div.coop_icon2{background-position:-115px -175px}
.globalfamouspartner li div.coop_icon3{background-position:-225px -175px}
.globalfamouspartner li div.coop_icon4{background-position:-335px -175px}
.globalfamouspartner li div.coop_icon5{background-position:-445px -175px}
.globalfamouspartner li div.coop_icon6{background-position:-555px -175px}
.globalfamouspartner li div.coop_icon7{background-position:-665px -175px}
.globalfamouspartner li div.coop_icon8{background-position:-775px -175px}
.globalfamouspartner li div.coop_icon9{background-position:-5px -220px}
.globalfamouspartner li div.coop_icon10{background-position:-115px -220px}
.globalfamouspartner li div.coop_icon11{background-position:-225px -220px}
.globalfamouspartner li div.coop_icon12{background-position:-335px -220px}
.globalfamouspartner li div.coop_icon13{background-position:-445px -220px}
.globalfamouspartner li div.coop_icon14{background-position:-555px -220px}
.globalfamouspartner li div.coop_icon15{background-position:-665px -220px}
.globalfamouspartner li div.coop_icon16{background-position:-775px -220px}
.globalfamouspartner li div.coop_icon17{background-position:-5px -268px}
.globalfamouspartner li div.coop_icon18{background-position:-115px -268px}
.globalfamouspartner li div.coop_icon19{background-position:-225px -268px}
.globalfamouspartner li div.coop_icon20{background-position:-335px -268px}
.globalfamouspartner li div.coop_icon21{background-position:-445px -268px}
.globalfamouspartner li div.coop_icon22{background-position:-555px -268px}
.globalfamouspartner li div.coop_icon23{background-position:-665px -268px}
.globalfamouspartner li div.coop_icon24{background-position:-775px -268px}
/* 360px */
.globalfamouspartner li div.coop_icon25{background-position:-5px -314px}
.globalfamouspartner li div.coop_icon26{background-position:-115px -314px}
.globalfamouspartner li div.coop_icon27{background-position:-225px -314px}
.globalfamouspartner li div.coop_icon28{background-position:-335px -314px}
.globalfamouspartner li div.coop_icon29{background-position:-445px -314px}
.globalfamouspartner li div.coop_icon30{background-position:-555px -314px}
.globalfamouspartner li div.coop_icon31{background-position:-665px -314px}
.globalfamouspartner li div.coop_icon32{background-position:-775px -314px}
.globalfamouspartner li div.coop_icon33{background-position:-5px -360px}
.globalfamouspartner li div.coop_icon34{background-position:-115px -360px}
.globalfamouspartner li div.coop_icon35{background-position:-225px -360px}
.globalfamouspartner li div.coop_icon36{background-position:-335px -360px}
.globalfamouspartner li div.coop_icon37{background-position:-445px -360px}
.globalfamouspartner li div.coop_icon38{background-position:-555px -360px}
.globalfamouspartner li div.coop_icon39{background-position:-665px -360px}
.globalfamouspartner li div.coop_icon40{background-position:-775px -360px}
.homenewbox .homeright{width:280px; height:500px; overflow:hidden; /* position:relative; */
    border-radius:8px; position:sticky; top:0; margin-bottom:20px}
.homenewbox .homeright img{border-radius:8px}
.homenewbox .homeright .swiper,.homenewbox .homeright .swiper img{width:280px; height:500px}
/*.pulse{width:30px; height:30px; background:#4892fb; border-radius:50%}
*/

.pulse1{background:#f90; /*border-radius:50%; */}
.startgrow1{animation:warn1 1.5s 0.1s linear; animation-iteration-count:infinite}
.startgrow2{animation:warn1 1.5s 0.6s linear; animation-iteration-count:infinite}
@keyframes warn1{0%{transform:scale(1); opacity:0.9}
    25%{transform:scale(1.1); opacity:0.8}
    50%{transform:scale(1.2); opacity:0.8}
    75%{transform:scale(1.3); opacity:0.6}
    100%{transform:scale(1.4); opacity:0.5}
}
@keyframes warn1{0%{transform:scale(1); opacity:0.9}
    25%{transform:scale(1.2); opacity:0.8}
    50%{transform:scale(1.4); opacity:0.6}
    75%{transform:scale(1.2); opacity:0.8}
    100%{transform:scale(1); opacity:0.9}
}
.pulse{/* width:30px; height:30px; background:#4892fb; border-radius:50%; */}
.pulse1,.pulse2{position:absolute; width:30px; height:30px; left:0; top:0; background:rgba(255,152,0,0.2); border-radius:50%; opacity:7; z-index:-1; box-shadow:1px 1px 15px rgba(255,152,0,0.2); transform-origin:15px 15px}
.pulse{position:absolute}
.pulse1{animation:warn1 1s linear; animation-iteration-count:infinite; transform-origin:center center}
.pulse2{animation:warn2 1s linear; animation-iteration-count:infinite; transform-origin:center center}
.jump{/* animation:jump 1s linear; */
    animation-iteration-count:infinite}
.jump2{/* animation:jump 1s 0.5s linear; */
    animation-iteration-count:infinite}
@keyframes jump{0%{margin-top:0}
    50%{margin-top:-5px}
    100%{margin-top:0}
}
@keyframes warn1{0%{transform:scale(1); opacity:0.8}
    25%{transform:scale(1.2); opacity:0.7}
    50%{transform:scale(1.3); opacity:0.6}
    75%{transform:scale(1.4); opacity:0.5}
    100%{transform:scale(1.5); opacity:0.4}
}
@keyframes warn2{0%{transform:scale(0.9); opacity:0.9}
    25%{transform:scale(1.0); opacity:0.8}
    50%{transform:scale(1.1); opacity:0.7}
    75%{transform:scale(1.2); opacity:0.6}
    100%{transform:scale(1.3); opacity:0.5}
}
.swiper-pagination-bullet-active{background-color:#f90!important}
/*�ҳ�����*/
.hometips{position:fixed; bottom:480px; right:26px; z-index:999}
.hometips .activitycenter{width:48px; height:120px; background:linear-gradient(139deg,#ff9900 5%,#e0251b 86%); border-radius:24px; font-size:16px; color:#fff; text-align:center; padding:14px 10px; box-sizing:border-box}
.hometips .customer{margin-top:12px; width:48px; height:116px; background:#ffffff; border-radius:4px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.10); overflow:hidden}
.hometips .customer>div{width:30px; height:30px; margin:20px auto 0; background-size:100% 100%}
.hometips .customer .icon_service{background-image:}
.hometips .customer .icon_opinion{background-image:}
.ant-btn-clicked:after{content:""; position:absolute; top:-6px; left:-6px; bottom:-6px; right:-6px; border-radius:inherit; border:0 solid #0070cc; opacity:.2; animation:fadeeffect 2s cubic-bezier(.08,.82,.17,1),waveeffect .4s cubic-bezier(.08,.82,.17,1); animation-fill-mode:forwards; pointer-events:none; display:block; background:#f90}
.option-size .form-control{border-left:1px solid #dfe1e6; border-right:1px solid #dfe1e6}
/*pdf*/
.pdfbpx{padding-top:50px}
.pdfbpx ul{overflow:hidden; margin-bottom:30px}
.pdfbpx li{float:left; width:49%; margin-right:1%; margin-bottom:25px}
.pdfbpx .topnumbox{line-height:42px; background-color:#f8f6f3; border-radius:6px; padding-left:15px}
.pdfbpx .topnumbox span.num{line-height:42px; font-size:22px; font-weight:bold; color:#f90; margin-left:10px}
.searchitem div{float:left; color:#333}
.searchitem .name:hover span{margin-left:10px; transition:all .4s}
.keywordbox a{color:#666; line-height:24px; margin-right:10px}
.keywordbox a:hover{color:#f90}
.keywordbox .keyword-item{display:inline-block}
.keywordbox{max-height:44px; overflow:hidden; width:100%}
.searchitem .icon{display:inline-block; width:26px; height:26px; vertical-align:top; background:url(/uploads/image/cihome/icon-sel.png)no-repeat; margin-right:9px}
.searchitemicon1{background-position:0 0 !important}
.searchitemicon2{background-position:-31px 0 !important}
.searchitemicon3{background-position:-64px 0 !important}
.searchitemicon4{background-position:-97px 0 !important}
.searchinput{width:210px; height:32px; float:right; border-radius:4px 0 0 4px; outline:none; border:1px solid #ddd; border-right:none; padding-left:5px; font-size:14px; font-weight:normal}
.searchbtn{width:42px; height:32px; background:#f90; float:right; border-radius:0 4px 4px 0; outline:none; border:1px solid #ddd; cursor:pointer; margin:0 10px 0 0; text-align:center}
.searchbtn img{vertical-align:middle; display:inline-block; margin-top:-4px}
/* 下单 */
.placeorder{display:flex; justify-content:space-between; margin:20px 0 40px}
.placeorder>div{width:316px; position:relative; border-radius:8px; border:1px solid #efefef; cursor:pointer; background-color:#fff}
.placeorder>div>div:not(:first-child){padding:0 12px}
.placeorder .pcon1 img{width:100%; height:120px; border-radius:8px 8px 0 0;}
.placeorder .pcon1 .icon_sku{position:absolute; right:0; top:0; width:71px; height:24px; background-image:url(/uploads/image/cipcbrevision/icon_sku.png); pointer-events: none;}
.placeorder .pcon1 .icon_label{position:absolute; left:-7px; top:-7px; width:77px; height:78px; background-image:url(/uploads/image/cihome/icon_label.png); pointer-events: none; user-select: none;}
.placeorder .pcon1 .icon_label span{color:#fff; font-size:14px; line-height:1em; position: absolute; top:19px; left:-1px; transform: rotate(-45deg); min-width:4em; text-align: center;}
.placeorder .pcon3.s2{line-height:23px;}
.placeorder.aluminum>div{width: 49%;}
.placeorder.aluminum .pcon1 {width:100%; height:200px;}
.placeorder.aluminum .pcon1 img{display: block; width:100%; height:100%; object-fit:cover}
.pcon2{padding:20px; box-sizing:border-box}
.pcon2 .ptitle{font-size:24px; color:#333; font-weight:700; margin:13px 0 4px 0}
.pcon2 .ptext{font-size:14px; color:#333; margin-bottom:9px}
.pcon2 .pspan{padding-bottom:10px; border-bottom:1px solid #dfe1e6; font-size:0}
.pcon2 .pspan span{padding:3px 10px; box-sizing:border-box; margin-right:6px; background-color:rgba(255,153,0,0.1); font-size:14px; color:#333}
.pcon2 .pspan.r2{text-align: right}
.pcon2 .pspan.r2 span:first-child{float:left; width: auto; background-color:#f1eee9}
.pcon2 .pspan.r2 span{min-width:28%; text-align: center}
.placeorder>div:last-child .pcon2 .pspan span{padding:3px 6px}
.pcon2 .pspan span:last-child{margin-right:0}
.pcon3{margin:14px 0}
.pc3bot{color:#999}
.pcon3>div{display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#333}
.pcon3>div span{color:#f90; font-size:16px; font-weight:700}
.placeorderbtn{display:block; height:40px; line-height:40px; background:#ffffff; border:1px solid #ff9902; border-radius:4px; text-align:center; color:#fff; margin-bottom:17px; font-size:16px; color:#ff9800}
.placeorderhover .placeorderbtn{background-color:#ff9902; color:#fff; border:1px solid #ff9902}
.placeorderhover{box-shadow:0 10px 20px 0 rgba(0,0,0,0.05)}
.placeorderbtn:hover{background-color:#ffad33}