@font-face { font-family: "bebas"; src: url("/statics/fonts/bebas.ttf");}

.group-tip{color: #999;}

/*介绍页*/
.oem-banner{ padding-top: 170px; height:630px; color: #fff; min-width: 1280px; text-align: center; background: url("../../images/oem/banner.jpg") center top #0c2f60 no-repeat;}
.oem-banner h1{ font-size: 48px; margin-bottom:20px;}
.oem-banner p{font-size: 16px; line-height: 30px; margin-bottom:40px;}
.oem-banner a{ display: inline-block; color: #fff; font-size: 16px; width: 178px; height: 48px; line-height: 48px; margin: 0 10px; border: 1px solid rgba(255,255,255,.5)}
.oem-banner a:hover{border: 1px solid #fe9701; color: #fe9701;}
.oem-banner .buy{background: #fe9701; color: #fff !important; border-color: #fe9701;}

.cloumn-blank {display: none;height: 70px;overflow: hidden;}
.oem-nav{background: #fff; height: 70px; min-width: 1280px; text-align: center; z-index: 11;}
.oem-nav li{float: left; width: 25%; position: relative; line-height: 70px; font-size: 16px; cursor: pointer}
.oem-nav li:after{content: "";height: 5px; position: absolute; left:0; right: 0; bottom: 0;transition: 0.2s all linear;}
.oem-nav li:hover,.oem-nav .active{color: #fe9701;}
.oem-nav .active:after{background: #fe9701}
.oem-nav.border{border-bottom: 1px solid #ddd;}


.cloumn-title{ text-align: center; font-size: 32px; margin-bottom:75px;}

.oem-part1{background: #f2f5fa; padding: 95px 0 50px; min-width: 1280px; overflow: hidden}
.oem-part1 ul{ margin-left: -40px; text-align: center; overflow: hidden}
.oem-part1 li{ float: left; position: relative; background: #fff; margin: 0 0 30px 40px; padding: 30px 30px 0; width: 340px; height: 230px; cursor: pointer; overflow: hidden}
.oem-part1 li:before{content:""; display: block; width: 65px; height: 74px; margin: 0 auto 30px;background: url("../../images/oem/ys_ico.png") no-repeat;}
.oem-part1 li span{ font-family: "bebas"; letter-spacing: -2px; font-size: 200px; color: rgba(102,102,102,.08); position: absolute; left: -55px; top:-75px;}
.oem-part1 li h4{font-size: 18px; margin-bottom:8px;}
.oem-part1 li p{line-height: 24px;}
.oem-part1 .item1:before{background-position: 0 0}
.oem-part1 .item2:before{background-position: -71px 0}
.oem-part1 .item3:before{background-position: -142px 0}
.oem-part1 .item4:before{background-position: -213px 0}
.oem-part1 .item5:before{background-position: -285px 0}
.oem-part1 .item6:before{background-position: -357px 0}
.oem-part1 li:hover{color: #fff;background: url("../../images/oem/ys.jpg") center top no-repeat;}
.oem-part1 li:hover span{ color: rgba(255,255,255,.08);}
.oem-part1 .item1:hover:before{background-position: 0 -80px}
.oem-part1 .item2:hover:before{background-position: -71px -80px}
.oem-part1 .item3:hover:before{background-position: -142px -80px}
.oem-part1 .item4:hover:before{background-position: -213px -80px}
.oem-part1 .item5:hover:before{background-position: -285px -80px}
.oem-part1 .item6:hover:before{background-position: -357px -80px}

.oem-part2{ height:520px;background: url("../../images/oem/function.jpg") center top no-repeat;min-width: 1280px;display: flex;flex-direction: row;flex-wrap: wrap; overflow: hidden}
.oem-part2 .cloumn-title{color: #fff;}
.oem-part2 .main {margin: 0 auto;overflow: hidden;}
.oem-part2 .container{ padding-top: 95px;}
.oem-part2 .list{background: #fff; position: relative; padding:38px 40px 0 195px; height: 122px; width:385px; float: left}
.oem-part2 .list:first-child{ margin-right: 40px;}
.oem-part2 .list span{ width: 160px; padding-top:40px; position: absolute; left: 0; top: 0; bottom: 0; background: #f2f5fa;}
.oem-part2 .list span:before{content: ""; width: 65px; height: 74px; display: block; margin: 0 auto;background: url("../../images/oem/function_ico.png") no-repeat;}
.oem-part2 .list h4{ font-size: 22px; margin-bottom: 10px;}
.oem-part2 .list p{ line-height: 24px; color: #666666;}
.oem-part2 .item1 span:before{background-position: 0 0}
.oem-part2 .item2 span:before{background-position: -72px 0}
.oem-part2 .item3 span:before{background-position: -146px 0}
.oem-part2 .item4 span:before{background-position: -222px 0}
.oem-part2 .hd{ padding-left: 160px; height: 17px; overflow:hidden;}
.oem-part2 .hd ul{ overflow:hidden; margin:1px 8px 0 0; zoom:1; float:left;}
.oem-part2 .hd li{ float:left; margin-right: 12px; width:11px; height:11px; border: 2px solid #fff; border-radius: 100%; color: transparent; cursor:pointer; }
.oem-part2 .hd li.on{ background:#fe9701; border-color: #fe9701;}
.oem-part2 .hd a{float: left; margin-right: 20px; width: 30px; height: 17px;}
.oem-part2 .hd .prev{background: url("../../images/oem/prev.png") no-repeat;}
.oem-part2 .hd .next{background: url("../../images/oem/next.png") no-repeat;}
.oem-part2 .bd{ position:relative; height: 195px; z-index:0;}
.oem-part2 .bd li{ zoom:1; vertical-align:middle;}
@media (min-width: 2520px) {
    .oem-part2 .main {width: 2500px;}
    .oem-part2 .leftSide,.oem-part2 .rightSide {flex: 1;height: 100%;}
    .oem-part2 .leftSide {background: #fe9701;}
    .oem-part2 .rightSide {background: #0b1832;}
}


.oem-part3{background: #f2f5fa; padding-top: 95px; min-width: 1280px; overflow: hidden}
.oem-part3 .stype{background: #fff; height: 78px; border-bottom: 2px solid #0360fd;}
.oem-part3 .stype li{float: left; margin-right: 14px; font-size: 16px; line-height: 78px; color: #666666; padding: 0 25px; cursor: pointer}
.oem-part3 .stype li:last-child{margin-right: 0; float: right}
.oem-part3 .stype .active{background: #0360fd; color: #fff;}
.oem-part3 .main{ display: none; padding: 65px 60px 0; height:245px; background: url("../../images/oem/feature.jpg") center top no-repeat;}
.oem-part3 .main h4{ font-size: 20px; margin-bottom: 20px;}
.oem-part3 .main p{ font-size: 16px; color: #666666; line-height: 30px;}

.oem-part4{padding: 95px 0 100px; min-width: 1280px; overflow: hidden}
.oem-part4 .main{display: none; overflow: hidden}
.oem-part4 .stype{text-align: center; margin-bottom: 60px; border-bottom: 1px solid #ddd;overflow: hidden}
.oem-part4 .stype li{ display: inline-block; padding: 0 15px 25px; margin: 0 110px; border-bottom: 6px solid #fff; font-size: 22px; color: #666666; cursor: pointer;}
.oem-part4 .stype .active{ color: #fe9701; border-color: #fe9701}
.oem-part4 .tips{ position: relative; margin-bottom: 60px; padding-left: 100px;font-size: 16px; line-height: 30px; height: 30px;}
.oem-part4 .tips dt{position: absolute; left: 0; top: 0;}
.oem-part4 .tips span{float: left; margin-right: 10px; padding: 0 10px; background: #d8e6ff; color: #fe9701;}
.oem-part4 .table{ width: 100%; text-align: center; border: 1px solid #ddd;border-spacing: 0;border-collapse: collapse;}
.oem-part4 .table td{ border: 1px solid #ddd; color: #666666; padding:8px 0;}
.oem-part4 .table th{background: #f2f5fa; font-weight: normal;line-height: 59px; font-size: 16px;}
.oem-part4 .table .type{text-align: left; padding-left: 40px;}
.oem-part4 .table .price{background: #fe9701;}
.oem-part4 .table .price td{border: 1px solid #0151ea;color: #fff; padding: 15px 0 20px; }
.oem-part4 .table .price a{display: block; color: #fff; width: 108px; height: 28px; line-height: 28px; border: 1px solid #fff; margin: 12px auto 0;}
.oem-part4 .table .price a:hover{ background: #d8e6ff; color: #fe9701;}
.oem-part4 .table .num{font-weight: bold; font-size: 16px;}
.oem-part4 .table .title{background: #f2f5fa;font-size: 16px; color: #333;text-align: left; padding-left: 40px; width: 90px;}
.oem-part4 .table .name{width:180px; color: #666666; font-size: 14px;}
.oem-part4 .table .ico{ display: block; width: 19px; height: 19px; margin: 0 auto;}
.oem-part4 .table .has{ background: url("../../images/oem/has.png") center no-repeat;}
.oem-part4 .table .no{ background: url("../../images/oem/no.jpg") center no-repeat;}