.home-intr ul,.feat-prolist ul,.pcb-products ul,.latest-list ul,.home-popular ul,.feat-warp,.home-services ul,.new-prolist,.pcb-briefintr div.briefintr-top ul{padding: 0;}
.home-intr ul li,.feat-pro ul li,.feat-prolist ul li,.pcb-products ul li,.home-services ul li,.latest-list ul li,.home-popular ul li,.new-prolist li,.feat-warp li,.pcb-briefintr div.briefintr-top ul li{list-style: none;}
.home-intr{
    margin-top: 22px;
}
.home-intr ul{
    width: 95%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
}
.home-intr ul li{
    border-right: 1px solid #F0F0F0;
    padding: 0 40px;
}
.home-intr ul li:nth-of-type(4){
    border: none;
}
.home-intr ul>li .nav_icon{
    width: 40px;
    height: 40px;
    margin: auto;
    background-size: 100% 100%;
}
.home-intr ul>li .moneyBack{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -100px -400px;
}
.home-intr ul>li .monthsWarranty{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -200px -400px;
}
.home-intr ul>li .lifetime{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -300px -400px;
}
.home-intr ul>li .worldwide{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -400px -400px;
}
.home-intr ul>li .show_icon{
    width: 100px;
    height: 100px;
    margin: auto;
    background-size: 100% 100%;
}
.home-intr .company-show{
    text-align: center;
    font-size: 24px;
    margin: 35px;
    font-weight: 500;
}
.home-intr ul>li .fans{
    background: url("../images/fans.webp") no-repeat;
}
.home-intr ul>li .enterprises{
    background: url("../images/enterprises.webp") no-repeat;
}
.home-intr ul>li .precipitation{
    background: url("../images/precipitation.webp") no-repeat;
}
.home-intr ul>li .channels{
    background: url("../images/distribution.webp") no-repeat;
}
.home-intr .show-list ul>li{
    width:25%;
}
.home-intr ul>li h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 12px 0 10px 0;
}
.home-intr ul>li p{
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #999999;
}
.show-list ul>li h6{
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    margin: 12px 0 10px 0;
}
.show-list ul{
    width: 100%;
}
.show-list ul>li p{
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #999999;
}
.new-pro,.feat-pro,
.home-latest .latest-blog{
    display: flex;
    height: 30px;
}
.new-pro,.feat-pro,
.home-latest .latest-blog{
    display: flex;
    height: 30px;
}
.new-pro p,
.feat-pro p{
    font-size: 24px;
    font-weight: 500;
    color: #282828;
    line-height: 30px;
    margin: 0 30px 0 0;
}
.new-line{
    flex: 1;
}
.new-line span{
    display: inline-block;
    background: #d9d9d9;
    width: 100%;
    height: 1px;
    vertical-align:-webkit-baseline-middle;
}
.new-lr{
    width: 70px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;  
    text-align: center;
}
.new-lr a{
    font-size: 14px;
    line-height: 30px;
    color: #888888;
    text-decoration: none !important;
    cursor: pointer;
}
.new-lr:hover a{
    color: #00a0f0;
}
.new-lr a:focus{
    color: #fe4e17;
    font-weight:bolder;
}
.feat-warp{
    margin: 0;
}
.feat-comm{
    display: none;
    margin: 0;
    padding: 0;
}
.feat-comm:nth-of-type(1){
    display: block;
}
.feat-prolist .new-prolist{
    margin: 0; 
}
.new-prolist{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 25px 0 0 0; 
}
.new-prolist li{
    width: 19%;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 15px;
    cursor: pointer;
}
.new-prolist li:hover{
    box-shadow: 6px 6px 10px rgb(0 0 0 / 10%);
    border: 1px solid #03a9f49e;
}
.new-prolist li .pro-img,
.feat-prolist ul li .pro-img{
    width: 100%;
    height: 220px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    line-height: 240px;
    margin: auto;
}
.new-prolist li img,
.feat-prolist ul li img{
    width: auto;
    max-width:100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px 8px 0 0;
}
.new-prolist li .pro-msg,
.feat-prolist ul li .pro-msg{
    padding: 10px 15px;
}
.new-prolist li .pro-msg p,
.feat-prolist ul li .pro-msg p{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    height: 40px;
}
.new-prolist li .pro-msg .pro-money,
.feat-prolist ul li .pro-msg .pro-money{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.new-prolist li .pro-msg .pro-money .price,
.feat-prolist ul li .pro-msg .pro-money .price{
    font-size: 18px;
    font-weight: 500;
    color: #FE4E17;
    line-height: 25px;
}

.new-prolist li .pro-msg .pro-money button.pro-add,
.feat-prolist ul li .pro-msg .pro-money button.pro-add{
    display: none;
    background: #00A0F0;
    border-radius: 15px;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 23px;
    border: none;
    outline: none;
    padding:0 15px;
    cursor: pointer;
    font-family: PingFang SC;
    margin-bottom: 0;
}
.new-prolist li .pro-msg .pro-money button.pro-add:focus,
.feat-prolist ul li .pro-msg .pro-money button.pro-add:focus{
    background: #008BD1;
}
.new-prolist li .pro-msg .pro-money button.pro-add:focus,
.feat-prolist ul li .pro-msg .pro-money button.pro-add:focus{
    background: #008BD1;
}

.new-prolist li:hover .pro-money button.pro-add,
.feat-prolist ul li:hover .pro-money button.pro-add{
    display: block;
}
.new-prolist li:hover .pro-money .old-price,
.feat-prolist ul li:hover .pro-money .old-price,
.feat-prolist ul li:hover .pro-money .price-label{
    display: none;
}
/* 濠电姷鏁告慨鎾儉婢舵劕绾ч幖瀛樻尭娴滅偓淇婇妶鍕妽闁告瑥绻橀弻锝夊箣閿濆棭妫勭紒鎯у⒔缁垳鎹㈠☉銏犵婵炲棗绻掓禒楣冩⒑缁嬪尅榫氶柛鈺傜墱閹广垹鈹戠€ｎ偒妫冨┑鐐村灥瀹曨剟宕滈幍顔剧＝濞达絽鎼暩闂佸摜濮甸悧鐘差嚕婵犳艾惟闁冲搫鍊告禍鐐烘⒑缁嬫寧婀扮紒瀣灴椤㈡棃鏁撻敓锟� */
.advertisement{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    margin-bottom: 40px;
}
.advertisement div{
    width: 49.1%;
    height: 150px;
    border-radius: 8px;
    transition: all 0.2s;
}
.services-hover img{
    width: 100%;
    height: 100%;
}
.services-hover:hover{
    -webkit-box-shadow: 6px 6px 10px rgb(0 0 0 / 10%);
    box-shadow: 6px 6px 10px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0); 
}
.feat-pro .new-lei{
    display: flex;
    justify-content: space-around;
    border: 1px solid #d9d9d9;
    border-radius: 20px 20px 19px 20px;
    height: 100%;
}
.feat-pro .new-lei li{
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
}
.feat-pro .new-lei li.leitem{
    cursor: pointer;
}
.feat-pro .new-lei li.leitem:hover{
    color: #008BD1;
}
.feat-pro .new-lei li.leitem_active{
    color: #00A0F0;
}
.feat-pro .new-lei li:last-child{
    margin-right: 35px;
}
.feat-pro .new-lei li span{
    display: inline-block;
    width: 20px;
    height: 1px;
    background: #F0F0F0;
    vertical-align: middle;
}
.feat-prolist{
    margin: 20px 0;
    display: flex;
    justify-content: space-between;
}
.feat-adv{
    width: 20%;
    height: 649px;
    transition: all 0.2s;
	margin-right: 25px;
}
.feat-adv img{
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.feat-prolist ul{
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.feat-prolist ul li{
    width: 24%;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    margin-bottom: 15px;
    margin-right: 10px;
    cursor: pointer;
}
.feat-prolist ul li:hover{
    box-shadow: 6px 6px 10px rgb(0 0 0 / 10%);
    border: 1px solid #03a9f49e;
}
.feat-prolist ul li:nth-of-type(5),
.feat-prolist ul li:nth-of-type(6),
.feat-prolist ul li:nth-of-type(7),
.feat-prolist ul li:nth-of-type(8){
    margin-bottom: 0;
}
.advertisement2{
    width: 100%;
    height: 100px;
    margin: 40px 0;
    border-radius: 8px;
    transition: all 0.2s;
}
.pcb{
    display: flex;
    justify-content: space-between;
    height: 410px;
}
.pcb-left{
    width: 255px;
    height: 100%;
    margin-right: 20px;
    border-radius: 8px;
    transition: all 0.2s;
}
.pcb-left img{
    width: 100%;
    height: 100%;
}
.pcb-left .left-top h5{
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin: 25px 0 10px 20px;
}
.pcb-left .left-top p{
    font-size: 16px;
    font-weight: 400;
    color: #666666;
    margin-left: 20px;
}
.pcb-left button.pcb-quote{
    width: max-content;
    background: #00A0F0;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    border: none;
    outline: none;
    padding:0 20px;
    cursor: pointer;
    margin-left: 20px;
    margin-bottom: 20px;
}
.pcb-left button.pcb-quote:hover{
    background: #008BD1;
}
.pcb-right{
    flex: 1;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.pcb-briefintr{
    width: 100%;
    height: 100px;
    background: #f9f9f9;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
}
.pcb-briefintr>div.briefintr-top{
    width: 98%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    padding: 20px 0;
}
.pcb-briefintr div.briefintr-top ul{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    height: 60px;
    margin: 0;
}
.pcb-briefintr div.briefintr-top ul li{
    border-right: 1px solid #E6E6E6;
    display: flex;
    justify-content: space-around;
    width: 30%;
    line-height: 60%;
    margin: 0 10px 0 0;
}
.pcb-briefintr div.briefintr-top ul li:nth-of-type(4){
    border: none;
}
.pcb-briefintr .briefintr-img{
    width: 30px;
    height: 30px;
    margin: auto 0;
}
.pcb-briefintr .briefintr-gerber{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -200px -200px;
}
.pcb-briefintr .briefintr-hours{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -300px -200px;
}
.pcb-briefintr .briefintr-easy{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -100px -200px;
}
.pcb-briefintr .briefintr-quick{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -400px -200px;
}
.pcb-briefintr .briefintr-build{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -300px -300px;
}
.pcb-briefintr .briefintr-onlie{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -200px -300px;
}
.pcb-briefintr .briefintr-to{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -100px -300px;
}
.pcb-briefintr .briefintr-bom{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -400px -300px;
}
.pcb-briefintr div.briefintr-top ul li p{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    display: inline-block;
    flex: 1;
    margin: auto 15px;
    text-align: left;
}
.pcb-products{
    width: 100%;
    position: relative;
    flex: 1;
    height: 100%;
}
.pcb-box{
    position: relative;
    height: 100%;
	margin-top: 35px;
}
.pcb-products ul{
    display: flex;
    justify-content: space-around;
    width: 142%;
    position: absolute;
    left: 0;
    bottom: 0;
}
 .pcb-products ul li{
    width: 20%;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    margin-right: 14px;
    background-color: #fff;
    cursor: pointer;
    transition: all 0.2s;
}
.pcb-products ul li:hover{
    -webkit-box-shadow: 3px 3px 10px rgb(0 0 0 / 8%);
    box-shadow:3px 3px 10px rgb(0 0 0 / 8%);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0); 
}
.pcb-products ul li .pcb-img{
    width: 100%;
    height: 150px;
    border-radius: 8px 8px 0 0;
    text-align: center;
    line-height: 150px;
}
.pcb-products ul li .pcb-img a{
    display: block;
    height: 100%;
}
.pcb-products ul li .pcb-img a img{
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    border-radius: 8px 8px 0 0;
}
.pcb-products ul li>div:nth-of-type(2){
    padding-top: 10px;
    text-align: center;
}
.pcb-products ul li>div:nth-of-type(2) h6{
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    margin-top: 10px;
}
.pcb-products ul li>div:nth-of-type(2) p{
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    margin-top: 10px;
}
.pcb-products ul li>div:nth-of-type(2) button.pcb-quote{
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    background: #FFFFFF;
    color: #888888;
    outline: none;
    padding:0 20px;
    cursor: pointer;
    margin: 15px 0;
}
.pcb-products ul li>div:nth-of-type(2) button.pcb-quote a{
    color: #888888;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    text-decoration: none;
} 
.pcb-products ul li>div:nth-of-type(2) button.pcb-quote:hover{
    border: 1px solid #00A0F0;
} 
.pcb-products ul li>div:nth-of-type(2) button.pcb-quote:hover a{
    color: #00A0F0;
}
.pcb-products ul li>div:nth-of-type(2) button.pcb-quote:focus{
    border: 1px solid #008bd1;
}
.pcb-products ul li>div:nth-of-type(2) button.pcb-quote:focus a{
    color: #008bd1;
}
.pcb_btn{
    width: 100%;
    position: absolute;
    top:90px;
    display: flex;
    justify-content: space-between;
}
.pcb_btn .btn-white{
    width: 20px;
    height: 40px;
    background: #999999;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
.pcb_btn .btn-white span{
    display: inline-block;
    width: 10px;
    height: 15px;
    background-size: 100% 100%;
	vertical-align: middle;
}
.pcb_btn .btn-white .pcbm-left{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -200px -100px;
}
.pcb_btn .btn-white .pcbm-right{
    background: url("../images/icon_nav.png") no-repeat;
    background-position: -400px -100px;
}
.pcb_btn .btn-white:hover{
    background: #00A0F0;
}
.pcb_btn .btn-white:focus{
    background: #008bd1;
} 
.pcba{
    margin: 40px 0;
}
.pcba .pcb-products ul li div button.pcb-quote{
    margin-bottom: 15px;
}
.home-services{
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.services-other{
    width: 300px;
    height: 445px;
    background: url("../elec/img/home/other_services.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 20px;
    margin-right: 20px;
    border-radius: 8px;
    transition: all 0.2s;
}
.services-other a{width: 100%;height: 100%;display: block;}
.services-right{
    flex: 1;
}
.services-right .right-top,
.services-right .right-down{
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}
.services-right .right-top li{
    width: 24%;
    height: 210px;
    padding: 20px ;
    border-radius: 8px;
    transition: all 0.2s;
	margin: 0;
}
.services-right .right-top a{
    display: flex;
    width: 100%;
    height: 100%;
    color: #FFFFFF;
    flex-direction: column;
    justify-content: space-between;
    text-decoration: none !important;
}
.services-right .right-top li.threedprint{
    background: url("../elec/img/home/threed_printing.png") no-repeat;
    background-size: 100% 100%;
}
.services-right .right-top li a .services-name{
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    height: 40px;
}
.services-right .right-top li a .services-money{
    margin-top: 5px;
}
.services-right .right-top li a>div p{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}
.services-right .right-top li.pcbstencil{
    background: url("../elec/img/home/pcb_stencil.png") no-repeat;
    background-size: 100% 100%;
}
.services-right .right-top li.wlcs{
    background: url("../elec/img/home/wood_laser.png") no-repeat;
    background-size: 100% 100%;
}
.services-right .right-top li.acryliclaser{
    background: url("../elec/img/home/acrylic_laser.png") no-repeat;
    background-size: 100% 100%;
}
.services-right .right-down{
    margin: 25px 0 0 0;
}
.services-right .right-down li{
    width: 32.5%;
    height: 210px;
    font-size: 18px;
    font-weight: 500;
    padding: 30px 0 0 20px;
    border-radius: 8px;
    transition: all 0.2s;
	margin: 0;
}
.services-right .right-down a{
    display: inline-block; 
    width: 100%; 
    height: 100%;
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none !important;
}
.services-right .right-down li.molding{
    background: url("../elec/img/home/molding.png") no-repeat;
    background-size: 100% 100%;
}
.services-right .right-down li.cncminll{
    background: url("../elec/img/home/cnc_milling.png") no-repeat;
    background-size: 100% 100%;
}
.services-right .right-down li.compsourc{
    background: url("../elec/img/home/component_sourcing.png") no-repeat;
    background-size: 100% 100%;
}
.home-video{
    width: 100%;
    position: relative;
}
.video-msg{
    width: 100%;
    position: absolute;
    top: 45px;
    text-align: center;
    color: #FFFFFF;
}
.middle-msg{
    display: none;
    width: 100%;
    text-align: center;
}
.video-mask{
    position: absolute;
    width: 100%;
    height: 400px;
    top: 0;
    background-image: linear-gradient(0deg,rgb(7 19 66 / 0%),rgb(11 13 29 / 89%));
}
#iframeVideo{
    display: none;
    position:absolute; 
    top:66.5%; 
    left:0px; 
    bottom:0px ;
    right:0px; 
    width:100%; 
    height:800px; 
    background: rgba(0, 0, 0, 0);
    border:none; 
    margin:0; 
    padding:0; 
    z-index:999999;
}
.videoClose{
    width: 30px;
    height: 30px;
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
}
.videoClose img{
    width: 100%;
    height: 100%;
}
.iframes{
    display: block;
    width: 1300px;
    height: 730px;
    margin: 30px auto;
}
.video-msg h4{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px;
}
.middle-msg h4{
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 35px;
}
.video-msg p{
    width: 65%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    margin-bottom: 150px;
}
.middle-msg p{
    width: 90%;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    margin-bottom:25px;
}
.video-msg .video-btn button.video-play{
    background-color: inherit;
    border: 1px solid #FFFFFF;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    outline: none;
    padding:0 20px;
    cursor: pointer;
}
.middle-msg .video-btn button.video-play{
    background-color: inherit;
    border: 1px solid #00A0F0;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #00A0F0;
    line-height: 25px;
    outline: none;
    padding:0 20px;
    cursor: pointer;
}
.video-msg .video-btn button.video-play:hover{
    border: none;
    background-color: #00A0F0;
}
.video-msg .video-btn button.video-play:focus{
    border: none;
    background-color: #008bd1;
}
.middle-msg .video-btn button.video-play:focus{
    border: none;
    background-color: #008bd1;
    color: #FFFFFF;
}
.video-msg .video-btn button.video-quote{
    background-color: #00A0F0;
    border: none;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    outline: none;
    padding:0 20px;
    cursor: pointer;
    margin-right: 40px;
}

.middle-msg .video-btn button.video-quote{
    background-color: #00A0F0;
    border: none;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 25px;
    outline: none;
    padding:0 20px;
    cursor: pointer;
    margin-right: 40px;
}
.video-msg .video-btn button.video-quote:hover{
    background-color: inherit;
    border: 1px solid #FFFFFF;
}
.home-latest{
    width: 100%;
    margin-top: 40px;
}
.home-latest .latest-blog p{
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin:0 30px 0 0;
}
.home-latest .latest-blog .latest-lr{
    width: 70px;
    height: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 20px;  
    text-align: center;
    line-height: 30px;
    display: flex;
    justify-content: space-between;
}
.home-latest .latest-blog .latest-lr .latest-img{
    width: 8px;
    height: 14px;
    margin: auto;
    cursor: pointer;
}
.latest-left{
    background: url("../elec/img/home/nav_left.png") no-repeat;
    background-size: 100% 100%;
}
.latest-left:hover{
    background: url("../elec/img/home/nav_left_hover.png") no-repeat;
    background-size: 100% 100%;
}
.latest-right{
    background: url("../elec/img/home/nav_right.png") no-repeat;
    background-size: 100% 100%;
}
.latest-right:hover{
    background: url("../elec/img/home/nav_right_hover.png") no-repeat;
    background-size: 100% 100%;
}
.latest-list{
    width: 100%;
    height: 425px;
    overflow: hidden;
    margin-top: 25px;
}
.latest-box{
    width: 100%;
    position: relative;
}
.latest-list ul{
    width: 152%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 0;
}
.latest-list ul li{
    width: 25%;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    margin-right: 20px;
}
.latest-list ul li .latest-img{
    width: 100%;
    height: auto;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}
.latest-list ul li img{
    width: 100%;
    border-radius: 8px 8px 0 0;
    transition: all 0.5s;
    cursor: pointer;
}
.latest-list ul li img:hover{
    transform: scale(1.1);
}
.latest-list ul li>div:nth-of-type(2){
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.latest-list ul li>div:nth-of-type(2) h5 a{
    font-size: 16px;
    font-weight: normal;
    line-height: 24px;
    height: 70px;
    color: #333;
}
.latest-list ul li>div:nth-of-type(2) p{
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    line-height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow:ellipsis;
    margin: 15px 0 15px 0;
}
.latest-list ul li>div:nth-of-type(2) button.latest-read{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    outline: none;
    padding:0 20px;
    cursor: pointer;
}
.latest-list ul li>div:nth-of-type(2) button.latest-read a{
    color: #999999;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
    text-decoration: none;
}
.latest-list ul li>div:nth-of-type(2) button.latest-read:hover{
    border: 1px solid #00A0F0;
}
.latest-list ul li>div:nth-of-type(2) button.latest-read:hover a{
    color: #00A0F0;
}
.latest-list ul li>div:nth-of-type(2) button.latest-read:focus{
    border: 1px solid #008BD1;
}
.latest-list ul li>div:nth-of-type(2) button.latest-read:focus a{
    color: #008BD1;
}
.home-popular p{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}
.home-popular ul{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 25px;
}
.home-popular ul li{
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    background-color: rgba(0, 160, 240, .1);
    padding: 0 15px;
    margin-right: 15px;
}
.home-popular ul a{
    font-size: 14px;
    font-weight: 400;
    color: #00A0F0;
    line-height: 30px;
    margin-bottom: 15px;
    text-decoration: none !important;
}

/*phone home page*/
@media (min-width:1150px) and (max-width: 1300px){
    .home-main{
        width: 100%;
    }
    .advertisement2{
        height: auto;
    }
    .advertisement2 img{
        width: 100%;
        height: auto;
    }
    .pcb-products ul{
        width: 178%;
    }
    .pcb-products ul li{
        width: 14%;
    }
    .pcba{
        height: 485px;
    }
}
@media (min-width:980px) and (max-width: 1149px){
    .new-prolist{
        justify-content: flex-start;
    }
    .new-prolist li{
        width: 20%;
        margin:0 20px;
        margin-bottom: 20px;
    }
    .advertisement2{
        height: auto;
    }
    .advertisement2 img{
        width: 100%;
        height: auto;
    }
    .feat-prolist ul{
        justify-content: flex-start;
    }
    .feat-prolist ul li{
        width: 30%;
        margin:0 20px 20px 0;
    }
    .feat-prolist ul li:nth-of-type(5),
    .feat-prolist ul li:nth-of-type(6),
    .feat-prolist ul li:nth-of-type(7),
    .feat-prolist ul li:nth-of-type(8){
        margin-bottom: 20px;
    }
}
@media (max-width: 979px){
    .page-header .header-wrapper-bottom-content .col-sm-6 {width: 100%;padding: 0;position: absolute;top: -28px;z-index: 999;}
    #left-nav .menu-shop{background-color: #00A0F0 !important;margin: 0;color: #FFF !important;font-size: 24px;padding-top: 8px;height: 50px;}
    .home-main{
        width: 100%;
    }
    .home-intr ul{
        flex-wrap: wrap;
    }
    .home-intr ul li{
        border: none;
        margin-bottom: 20px;
        width:50%;
        padding: 0 5px;
    }
    .new-prolist,.feat-prolist ul{
        justify-content: space-between;
    }
    .new-prolist li,.feat-prolist ul li{
        width: 48%;
    }
    .feat-prolist ul li{
        margin-right: 0;
    }
    .new-prolist li .pro-img, .feat-prolist ul li .pro-img{
        width: 100%;
        height: 160px;
        line-height:160px ;
    }
    .new-prolist li img, .feat-prolist ul li img{
        border-radius: 8px;
    }
    .new-prolist li .pro-msg .pro-money, .feat-prolist ul li .pro-msg .pro-money{
        flex-wrap: wrap;
    }
    .new-prolist li .pro-msg p, .feat-prolist ul li .pro-msg p{
        height: 60px;
        margin: 0;
    }
    .new-pro p{
        margin-right: 10px;
    }
    .new-prolist li .pro-msg .pro-money button.pro-add,
    .feat-prolist ul li .pro-msg .pro-money button.pro-add{
        display: block;
    }
    .advertisement{
        flex-direction: column;
    }
    .advertisement div{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .advertisement div img{
        height: auto;
    }
    .advertisement2{
        height: auto;
    }
    .advertisement2 img{
        width: 100%;
        height: auto;
    }
    .feat-pro{
        display: block;
        height: auto;
    }
    .feat-pro .new-lei{
        margin: 20px 0;
        flex-wrap:wrap;
    }
    .feat-pro .new-lei li:nth-of-type(1){
        margin-left: 0;
    }
    .feat-pro .new-line{
        display: none;
    }
    .feat-prolist{
        flex-direction: column;
    }
    .feat-prolist div:nth-of-type(2){
        width: 100% !important;
    }
    .feat-adv{
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .feat-prolist ul li:nth-of-type(5),
    .feat-prolist ul li:nth-of-type(6),
    .feat-prolist ul li:nth-of-type(7),
    .feat-prolist ul li:nth-of-type(8){
        margin-bottom: 20px;
    }
    .pcb{
        width: 100%;
        flex-direction: column;
        height: auto;
    }
    .pcb-left{
        width: 90%;
        margin: 0 auto;
        height: 400px;
    }
    .pcb-right{
        margin: 20px 0;
    }
    .pcb-products{
        height: 310px;
        flex: auto;
    }
    .pcb-products ul{
        width: 365%;
    }
    .pcb-briefintr{
        height: auto;
        border: none;
        padding-bottom:0;
    }
    .pcb-briefintr div.briefintr-top ul{
        flex-wrap: wrap;
        justify-content: center;
        height: 100%;
    }
    .pcb-briefintr div.briefintr-top ul li{
        width: 45%;
        margin-bottom: 15px;
    }
    .pcb-briefintr div.briefintr-top ul li:nth-of-type(2){
        border: none;
    }
    .home-services{
        width: 100%;
        flex-direction: column;
        justify-content: center;
    }
    .services-other{
        width: 300px;
        height: 400px;
       margin: 0 auto;
       margin-bottom: 25px;
    }
    .services-right .right-top,
    .services-right .right-down{
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .services-right .right-top li{
        width: 47%;
        margin-bottom: 25px;
    }
    .services-right .right-top li a .services-name{
        height: 55px;
    }
    .services-right .right-down li{
        width: 80%;
        margin-bottom: 25px;
    }
    .home-video video{
        width: 100%;
        height: auto;
    }
    .video-mask{
        height: 115px;
    }
    .video-msg{
        display: none;
    }
    .middle-msg{
        display: block;
    }
    #iframeVideo{
        top: 1820%;
    }
    .iframes{
        width: 100%;
        height: 400px;
    }
    .latest-list ul{
        width: 315%;
    }
    .home-latest{
        margin-bottom: 0;
    }
    .home-latest .latest-blog p{
        margin-right: 10px;
    }
    .home-popular ul{
        justify-content: flex-start;
    }
    .search-wrapper, .home-services, .services-hover{
        display:none;
    }
    .latest-box button{
        color: #535b59;
    }
}