body{background: #ffffff!important;font: 12px/1.5 ROBOTO, Helvetica, Tahoma, Arial!important;}
/*tupian 轮播*/
.js {height:380px;}
.js .imgdiv{width:100%; height:380px; z-index:5;position:absolute;}
.js .jsNav{position:absolute; bottom:10px; z-index:6; width: 100%; height:24px; text-align:center;}
.js .jsNav a{display:inline-block; width:14px;height:14px;line-height:14px;text-indent:-9999px;background:#6d6d6d;border-radius:50%;text-align:center;margin:0 3px;color:#000;font-weight:700;}
.jsNav .trigger.imgSelected{color:#fff; background-color:#ff9900;}
.pcba_lijie {width:100%;height:380px;display:block;}
.con  h3{font-weight:600}
.textbox p{margin-bottom:0}

/*banner*/
.banner{width: 100%;}
.banner-l{margin-left: 0px; margin-top: 35px;}
.banner-l .tit{width: 421px; padding: 35px 45px 20px; height: 142px; color: #fff;opacity:1;-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);-webkit-transition:-webkit-transform 1s,opacity 1s;transition:transform 1s,opacity 1s}
.banner-l .tit h1{font-size: 32px; width: 610px; line-height: 32px; font-weight: 700;}
.banner-l li{font-size: 14px; margin-bottom: 4px;}
.banner-l .i-ico{width: 15px; height: 12px; margin-right: 6px; background-position: -66px 0px;}
.banner-l .tit.active,.banner-l.active .img{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}
.tit p{ width: 518px;font-size: 14px;color: #cccccc}
.tit a{ color: #cccccc;text-decoration: underline ;}
.lp-content{margin-top: 45px; padding:0px 0 0 20px;width:470px; background: #ffffff;height:300px; position: relative; z-index: 2;border-radius:4px;box-shadow: 0px 3px 20px rgba(0,0,0,0.1);}
.lp-content .hd{border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; margin-bottom: 15px;}
.lp-content p{color: #010101;}
.lp-content .cols-nested {margin-bottom:12px;}
.lp-content .cols-nested>div{width:200px;}
.lp-content .cols-nested .label-quote {display:block;color:#333;font-size:12px;font-weight:bold;margin-bottom:7px;}
.form-control {font-family:Tahoma,Geneva,sans-serif;display:block;width:200px;height:36px;padding:5px 10px;font-size:14px;line-height:36px;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus {border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
.icon-help-tip { background-position: -88px 0; cursor:pointer;display:inline-block;height:14px;margin-left:5px;width:14px;vertical-align:middle}
.submit-price-info .add_addons_button{margin: 0 auto; width: 190px; height: 40px; text-align: center; line-height: 40px; font-size: 18px; padding: 0;}
.submit-price-info .add_addons_button:hover,.submit-price-info .add_addons_button:active{font-size: 20px;}
.submit-price-info .i-ico{width: 20px; height: 24px; background-position: -37px 0; vertical-align: middle; margin-right: 6px;}
.containerp{/*width: 400px;*/font-size: 14px;color: black;float: left;/*height: 115px;*/margin-bottom:25px;}


.btn-yellow{background-color: #00b7fb; padding: 10px 20px; font-size: 16px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color: #fff; display: block;}
.btn-yellow:hover{color: #fff; text-decoration: none;}
.i-ico {background-image: url(/images/other/icons_2.png);}

/*item-con*/
/*.item-con{padding: 50px 0 30px; border-bottom: 1px solid #d9e0ea;}*/
.item-con .item{float: left;}
.item-con .item .i-ico{width: 54px; height: 54px;}
.item-con .item .ico01{background-position: -242px -33px;}
.item-con .item .ico02{background-position: 0px -33px;}
.item-con .item .ico03{background-position: -67px -33px;}
.item-con .item .ico04{background-position: -128px -33px;}
.item-con .item .ico05{background-position: -304px -33px;}
.item-con .item .ico06{background-position: -364px -33px;}
.item-con .item .ico07{background-position: -187px -33px;}
.item-con .item .ico08{background-position: -426px -33px;}
.item-con .con{width:330px; margin-left:0px; }
.item-con .item h4{font-size: 24px; line-height: 22px; color: #111;}
.item-con .item li{width: 300px;}
.item-con .item li .i-ico{display:none;width: 12px; height: 8px; margin-right: 12px; margin-top: 6px; background-position: -19px 0;}
.item-con .item li span{line-height: 20px; width: 221px; text-align: left;}



/*services*/
.services{width: 515px; padding: 20px; border: 1px solid #d9e0ea;}
.services .hd{line-height:22px;margin-bottom:5px;}
.services .hd dt,.services .hd dd{width: 33%; text-align: center; float: left;}
.services .hd dt{font-size: 24px; color: #00b7fb;}
.services .hd dd{color: #a6a6a6;}
.services .Olist .type{font-weight:400;background: #f2f2f2; }
.services .Olist .gd{ height:180px; overflow:hidden}
.services .Olist li{height:38px; line-height:38px; overflow:hidden;}
.services .Olist li span{width:21%; float:left; margin-left:0%; display: inline-block;font-size:14px;}
.services .Olist li span:nth-of-type(1){width:36%;padding-left:15px;}
.services .Olist li span:nth-of-type(3){width:21%}
.services .Olist .jingdu i{ display:block;   background:#ddd; margin-top:6px;height:16px; line-height:16px; position:relative; overflow:hidden}
.services .Olist .jingdu font{ background:#FF9900; display:inline-block;height:16px; color:#fff; text-align:right}
.services .Olist .jingdu sup{ position:absolute; color: #fff; line-height:18px;}

.our-box-r {margin:50px 0}
.our-box-r li{float: left;/* width: 215px; */text-align: center;padding:0;height:330px;}
.our-box-r li a,.our-box-r li span{display: block;}
.our-box-r li a{color: #3e3e3e;}
.our-box-r li:nth-last-of-type(1){background:#f2f2f2}
.our-box-r li:nth-last-of-type(3){background:#f2f2f2}
.our-box-r li a{color: #3e3e3e;}
.our-box-r li a:hover{color: #00b7fb;}
.our-box-r li span{line-height: 20px;}
.our-box-r li img{display:block;margin:auto}
.btn-quote{border: 1px solid #00b7fb; color: #fff !important;background-color: #00b7fb; font-size: 14px; margin: 0 auto; width: 120px; height: 32px; line-height: 32px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}



/*MajorProjectSharing*/
.MajorProjectSharing{background-color: #fff5e7; padding: 30px 0px 0px 0px;}
.MajorProjectSharing .item-l{width: 1300px; color: #fff; padding-left: 135px;}
.MajorProjectSharing .item-l .line{width: 135px; height: 4px; background-color: #35a50a;}
.MajorProjectSharing .item-l .tit{padding-top: 40px;}
.MajorProjectSharing .item-l .tit p{line-height: 18px;}
.MajorProjectSharing .item-l .operating{ color: #fff; position: absolute; top: 12px; right: 10px;}
.MajorProjectSharing .item-l .operating .i-ico{width: 28px; height: 29px; margin-left: 10px; margin-right: 4px; vertical-align: text-bottom;}
.MajorProjectSharing .item-l .praise i{background-position: 0px -90px;}
.MajorProjectSharing .item-l .jiathis_style .jtico_jiathis{width: 28px; height: 29px !important; padding: 0 !important; background: url("/images/other/icons_2.png") -105px -83px;}
.MajorProjectSharing .item-l .jiathis_style .jiathis_counter.jiathis_bubble_style{margin-top: 7px; margin-left: 2px;}
.
.MajorProjectSharing .item-r{width: 801px;}
.MajorProjectSharing .item-r li{float: left; width: 247px; background-color: #fff; padding-bottom: 20px; margin-left: 20px;}
.MajorProjectSharing .item-r li:hover{-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .42); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .42); box-shadow: 0 0 12px rgba(0, 0, 0, .42);}
.MajorProjectSharing .item-r .img{position: relative; height: 221px; overflow: hidden;}
.MajorProjectSharing .item-r .img img{width: 100%; position:absolute; z-index:1;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; left:0; top:0;}
.MajorProjectSharing .item-r li:hover .img img{transform: scale(1.1);}
.MajorProjectSharing .item-r .tit{line-height: 16px; height: 48px; overflow: hidden; padding: 12px 10px 10px;}
.MajorProjectSharing .item-r .tit a{color: #2e2e2e;}
.MajorProjectSharing .item-r .tit a:hover{color: #00b7fb;}
.MajorProjectSharing .info dd{float: left; margin-left: 10px;}
.MajorProjectSharing .info p span{margin-left: 6px; color: #999;}
.MajorProjectSharing .info .operating{border-left: 1px solid #e1e1e1; padding-left: 10px; padding-top: 6px; height: 30px;}
.MajorProjectSharing .info .operating i{width: 20px; height: 21px; margin-right: 4px; vertical-align: text-bottom;}
.MajorProjectSharing .info .praise i{background-position: -74px -90px;}
.MajorProjectSharing .info .jiathis_style .jtico_jiathis{width: 20px; height: 21px !important; padding: 0 !important; background: url("/images/other/icons_2.png") -108px -90px;}

.MajorProjectSharing ul{overflow: hidden;}
.MajorProjectSharing li{float: left;margin-bottom:40px;}
.MajorProjectSharing .introducebox{width: 330px;margin: auto;overflow: hidden;}
.MajorProjectSharing .numberspan{float:left;margin:0px 5px 0 20px;display: block;font-size:20px;width: 30px;height: 30px;background: #ff9900;color: #fff;border-radius: 50%;text-align: center;line-height: 30px;}
.MajorProjectSharing .introducediv{float: left;width: 100%;font-size: 18px;color: black;}



/*PCB Assembly*/
.PCBAssembly-tit{width: 300px; height: 280px; padding: 10px 26px; background-color: #f2f2f2; }
.PCBAssembly-tit p,.QualitySystem-tit p,.PCBAssembly-tit p,.Certification-tit p{color: #818181; line-height: 18px;}
.PCBAssembly-tit .line{width: 135px; height: 4px; background-color: #00b7fb;}
.PCBAssembly-tit a{background:#ff9900;width: 120px; height: 30px; text-align: center; line-height: 30px; border: 1px solid #ccc; color: #585858; margin: 20px auto 0; display: block;}
.PCBAssembly-tit a:hover{color: #fff;}
.PCBAssembly p{color: black}

.PCBAssembly-product{border: 1px solid #e9e9e9; /*height: 280px;*/ /*width: 998px;*/ padding:67px 0 25px;}
.PCBAssembly-product li{float: left; /*width: 220px; margin-left: 25px;*/}
.PCBAssembly-product li img{width: 100%;}

/*ProductService*/
/*.ProductService{width: 1320px;}*/
.ProductService .hd{width: 100%; height: 55px; line-height: 55px; text-align: center; color: #fff; margin-bottom: 24px; background-color: #000!important;font-weight:600}
.ProductService li{float: left; width: 100%; height: 408px;/* margin-right: 20px;*/ padding: 0px;height:420px}
.textbox{background:url(/images/other/what.png) center 50px no-repeat}
.ProductService li > div:nth-of-type(1){ position: relative; padding: 10px;width: 96%;margin: auto;}
.ProductService .img{width: 100%; margin: 20px auto 20px;padding:0;height: 121px;}
.ProductService p{line-height: 18px; height: auto; overflow: hidden;padding-left:10px}
.ProductService a{width: 120px; height: 30px; color: #4b4b4b; font-size: 14px; text-align: center; line-height: 30px; border: 1px solid #949494; /*position: absolute; left: 94px; bottom: 25px;*/ display: block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;margin: auto;}

.ProductService li.on a{color: #fff; border-color: #00b7fb; background-color: #00b7fb;}
.ProductService li a{margin-bottom:25px}
.ProductService .owl-item{background-color: #f1f1f1;border: solid 1px #fff;}
.ProductService .owl-item:hover{background-color: #fff;border: solid 1px #e4e4e4;}
.ProductService .owl-item:nth-child(4n){margin-right:2px}
.ProductService .img img{width: 100%;max-height:100%;}

.titafter{position:relative;font-size: 24px;font-weight: 900;text-align:center;margin:0;margin:50px auto 30px;display:inline-block}
.titafter::after{content:" ";width:60px;height:4px;background:#00b7fb;display:block;position:absolute;left:0;bottom:0;z-index:-1}
.titafter2::after{content:" ";width:60px;height:4px;background:#00b7fb;display:block;position:absolute;left:0;bottom:0;z-index:0!important}

/*Requirement*/
.requirement span{float: left; height: 40px; line-height: 40px; display: block;}
.requirement dt span{color: #fff; font-size: 14px; background-color: #797979;}
.requirement dd span{color: #434343;}
.requirement .col-1{width: 70px; text-align: center;}
.requirement .col-2{width: 200px;}
.requirement .col-3{width: 150px;}
.requirement .col-4{width: 175px;}
.requirement .col-5{width: 180px;}
.requirement .col-6{width: 170px;}
.requirement .col-7{width: 180px;}
.requirement .col-8{width: 175px;}
.requirement dd.on span{background-color: #fcf8f2;}
.requirement dd.on span.type{font-weight: 700;}

.requirement div{overflow: auto;}
.requirement dl{width: 1300px;}

/*Quality System*/

.QualitySystem-tit .line{width: 135px; height: 4px; background-color: #000;}
.QualitySystem-tit li{margin-bottom: 20px;}
.QualitySystem-tit i{width:112px; height: 25px; margin-right: 8px; text-align: center; line-height: 25px; color: #fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; background-color: #35a50a; display: inline-block;}
.QualitySystem-tit span{color: #0d0d0d;}
.QualitySystem-tit .img{margin-top: 20px;}



.QualitySystem-product a{color: #131313;}
.QualitySystem-product a:hover{color: #00b7fb;}
.QualitySystem-product .img{width: 100%; height: 215px;}

.QualitySystem-product p{line-height: 18px; height: 36px; overflow: hidden;}

.fourbox{height:155px;}


@media screen and (min-width: 1200px	) {
.PCBAssembly-product {
    border: 1px solid #e9e9e9;
    height: 280px;
    width: 998px;
    padding: 67px 0 25px;
}
.ProductService li:nth-of-type(1){padding-left: 0}
.ProductService li:nth-of-type(4){padding-right: 0}
.ProductService li:nth-of-type(4) div{margin-right: 0}
.QualitySystem-tit>div{padding-left: 0;padding-right: 0}
.Applicationsbox li{width:12.5%}
/*factory*/
.factory-l{width:300px;}
.factory-l img{width: 100%; height: 160px;}
.product{width: 1000px;}
.product li{float: left; width: 230px; margin-left: 20px;}
.product li img{width: 230px;}
.QualitySystem-product .img img{width: 100%;}
.QualitySystem-tit{width: 300px; height: 624px; padding: 35px 26px; background-color: #f2f2f2; }
.QualitySystem-product li{float: left; width: 306px; margin-left: 6px; margin-bottom: 20px;}
.QualitySystem-product{border: 1px solid #e9e9e9; width: 998px; padding-top: 20px;padding-left: 0;padding-right: 0}
}

/*commentbox*/
.commentbox{position: relative;width: 1300px;margin: auto;overflow: hidden;}
.commentbox .commentimgbox{display: block;}
#owl-example{overflow: hidden;width: 730px;margin-top:43px;}
#owl-example .listdiv{float: left}
.owl-wrapper{width: 100px;height: 300px;}
.owl-item{float: left;width:230px!important;margin-right: 20px;background:#fafafa}
.commentbox .owl-item{height:286px;}
.commentbox .owl-item:nth-of-type(3){margin-right:0!important}
.commentbox  .owl-item:nth-of-type(4){margin-right:20px!important}
.commentbox  .owl-item:nth-of-type(6){margin-right:0!important}
.commentbox  .owl-item:nth-of-type(7){margin-right:20px!important}
.owl-prev{position: absolute;left: 0px;top: 200px;width: 35px;height: 55px;z-index: 99999;background: url(/images/other/leftbtn.png) no-repeat;opacity: 0.8;}
.owl-next{position: absolute;right: 0px;top: 200px;width: 35px;height: 55px;z-index: 99999;background: url(/images/other/rightbtn.png) no-repeat;opacity: 0.8;}
.listdiv>a>img{width: 230px;height: 150px;}

#owl-example .owl-prev{top:90px!important}
#owl-example  .owl-next{top:90px!important}

.headbox{margin: 5px 10px;border-radius: 50%;}
.listdiv .titbox{padding-top: 10px;}
.QualitySystem .Quotebtn a{color: #fff}
.listdiv .commenttext{    
    height: 60px;
    width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    padding: 5px 20px 0px}
#owl-example2{height: 350px;overflow: hidden;position: relative;}
#owl-example2 .owl-item{float: left;width:1300px!important;margin-right: 20px;float: left;}
#owl-example2 .owl-prev,.owl-theme .owl-controls .owl-buttons .owl-prev{position: absolute;left: 0px;top: 150px;width: 27px;height: 46px;z-index: 99999;background: url(/images/other/icon_all.png) -120px -37px no-repeat rgba(0,0,0,0.8);}
#owl-example2 .owl-next,.owl-theme .owl-controls .owl-buttons .owl-next{position: absolute;right: 0px;top: 150px;width: 27px;height:46px;z-index: 99999;background: url(/images/other/icon_all.png) -142px -37px no-repeat rgba(0,0,0,0.8);}
#owl-example2 .owl-item:nth-of-type(1){margin-right: 0}
.color-black{color: black}
.owl-theme .owl-controls .owl-buttons .owl-prev:before,.owl-theme .owl-controls .owl-buttons .owl-next:before{content:" "!important}

.jiantou{width: 13px;height: 20px;display:inline-block;background: url(/images/other/icon_all.png) -172px -48px no-repeat;vertical-align:middle}

/*MajorProjectSharing*/
.MajorProjectSharing a{text-decoration:none!important;}
.MajorProjectSharing .praise{color:#fff!important;}
.MajorProjectSharing{background-color: #fff5e7; padding: 30px 0px 0px 0px;}
.MajorProjectSharing .item-l{width: 1300px; color: #fff; padding-left: 135px;}
.MajorProjectSharing .item-l .line{width: 135px; height: 4px; background-color: #35a50a;}
.MajorProjectSharing .item-l .tit{padding-top: 40px;}
.MajorProjectSharing .item-l .tit p{line-height: 18px;}
.MajorProjectSharing .item-l .operating{ color: #fff; position: absolute; top: 12px; right: 10px;}
.MajorProjectSharing .item-l .operating .i-ico{width: 28px; height: 29px; margin-left: 10px; margin-right: 4px; vertical-align: text-bottom;}
.MajorProjectSharing .item-l .praise i{background-position: 0px -90px;}
.MajorProjectSharing .item-l .jiathis_style .jtico_jiathis{width: 28px; height: 29px !important; padding: 0 !important; background: url("/images/other/icons_2.png") -105px -83px;}
.MajorProjectSharing .item-l .jiathis_style .jiathis_counter.jiathis_bubble_style{margin-top: 7px; margin-left: 2px;}
.
.MajorProjectSharing .item-r{width: 801px;}
.MajorProjectSharing .item-r li{float: left; width: 247px; background-color: #fff; padding-bottom: 20px; margin-left: 20px;}
.MajorProjectSharing .item-r li:hover{-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .42); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .42); box-shadow: 0 0 12px rgba(0, 0, 0, .42);}
.MajorProjectSharing .item-r .img{position: relative; height: 221px; overflow: hidden;}
.MajorProjectSharing .item-r .img img{width: 100%; position:absolute; z-index:1;transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1) 0s; left:0; top:0;}
.MajorProjectSharing .item-r li:hover .img img{transform: scale(1.1);}
.MajorProjectSharing .item-r .tit{line-height: 16px; height: 48px; overflow: hidden; padding: 12px 10px 10px;}
.MajorProjectSharing .item-r .tit a{color: #2e2e2e;}
.MajorProjectSharing .item-r .tit a:hover{color: #00b7fb;}
.MajorProjectSharing .info dd{float: left; margin-left: 10px;}
.MajorProjectSharing .info p span{margin-left: 6px; color: #999;}
.MajorProjectSharing .info .operating{border-left: 1px solid #e1e1e1; padding-left: 10px; padding-top: 6px; height: 30px;}
.MajorProjectSharing .info .operating i{width: 20px; height: 21px; margin-right: 4px; vertical-align: text-bottom;}
.MajorProjectSharing .info .praise i{background-position: -74px -90px;}
.MajorProjectSharing .info .jiathis_style .jtico_jiathis{width: 20px; height: 21px !important; padding: 0 !important; background: url("/images/other/icons_2.png") -108px -90px;}

.MajorProjectSharing ul{overflow: hidden;}
.MajorProjectSharing .introducebox{width: 100%;margin: auto;overflow: hidden;}
.MajorProjectSharing .numberspan{float:left;margin:0px 5px 0 20px;display: block;font-size:20px;width: 30px;height: 30px;background: #ff9900;color: #fff;border-radius: 50%;text-align: center;line-height: 30px;}
.MajorProjectSharing .introducediv{float: left;width: 90%;font-size: 16px;color: black;}

.introducebox1,.introducebox2{height:100px;}
.introducebox3{height:170px;}
.introducebox4{height:100px;}

.share .i-ico{width: 20px; height: 21px !important; padding: 0 !important; background: url("/images/other/icon_all.png") -135px -81px!important;}
.share .i-ico:hover{ background: url("/images/other/icon_all.png") -165px -81px!important;}

.onestop{height:675px;background:url(/images/other/bigbg.png) center center no-repeat;overflow:hidden;margin-top:50px;}
.onestop>div{height:500px;}

    .swiper-container2 {
      width: 100%;
      height: 100%;
      position:relative;
      height:675px;
      overflow:hidden
    }
     .swiper-container2 .swiper-wrapper{height:500px}
    .swiper-container2 .swiper-slide {
      text-align: center;
      font-size: 18px;
      color:#fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-pagination{background:#fff}
    .swiper-container-horizontal>.swiper-pagination-bullets{left:60px;background:none;top:18%!important;}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{position:absolute}
       .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(1){left:140px;top:8px}
       .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(2){left:400px;top:8px}
       .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(3){left:640px;top:8px}
       .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(4){left:890px;top:8px}
       .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:nth-of-type(5){left:1140px;top:8px}
       .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet .swiper-pagination-bullet-active{margin-top:-5px}
    .swiper-pagination-bullet{background:#fff!important;opacity:1!important;width:10px!important;height:10px!important}
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#00b7fb!important;width:15px!important;height:15px!important;
                                                                                             margin-top:-2px!important}

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after{content:"";width:200px;height:50px;display:block}

    .swiper-container2 h3{position: absolute;left: 500px;top: 23px;font-weight:bold}
    .swiper-container2 .swiper-slide div{position: absolute;left: 90px;top: 125px;z-index:9999999999}
    .swiper-container2 .swiper-slide div i{display:block;text-align:left;font-size:14px;}
    .swiper-container2 .swiper-slide div i.i-ico {display:inline-block}
    .swiper-container2 .swiper-slide div i.active{color:#00b7fb}
    .swiper-container2 p{position: absolute;left: 500px;top: 80px;text-align:left;font-size:14px;color:#808080;max-width:770px;line-height:22px}
    .swiper-container2 ul{position: absolute;left: 500px;top: 200px;text-align:left;font-size:14px;}
     .swiper-container2 ul li{margin-bottom:5px;font-weight:bold}
     .swiper-container2 ul img{margin-right:5px;vertical-align:middle}
     .dlbox {top: 130px;
    position: absolute;
    left: 95px;}
      .dlbox dl{position:absolute;left:45px;top:20px;width:1300px;color:#fff}
      .dlbox dl dd{float:left;}
       .dlbox dl dd:nth-of-type(1){width:250px;}
       .dlbox dl dd:nth-of-type(2){width:250px;}
       .dlbox dl dd:nth-of-type(3){width:250px;}
       .dlbox dl dd:nth-of-type(4){width:250px;}
       .dlbox dl dd:nth-of-type(5){width:200px;}

    .biaozhi .active{color:#00b7fb}
    .onestop .swiper-container2   .con{width:1300px;height:370px;background:#f6f6f6;left:0;top:240px;color:#000}
    .onestop .swiper-container2   .con .imgbox{width:455px;height:370px;background:#fff;left:0;top:0px;color:#000}
    .onestop .swiper-container2   .con .imgbox img{display:block;margin:0px auto}

     .faqbtn{display:inline-block;width:150px;height:30px;background:#00b7fb;color:#fff!important;text-align:center;line-height:30px;border-radius:4px;border:1px solid #00b7fb;margin:0 40px 40px 480px}
     .quotebtn{display:inline-block;width:150px;height:30px;background:none;color:#00b7fb!important;text-align:center;line-height:30px;border-radius:4px;border:1px solid #00b7fb}

/*Applications*/
.cen{width: 1300px;margin: auto;}
.Applicationsbox ul li{float: left;/*width: 25%;*/position: relative;margin: 0;padding: 0}
.Applicationsbox ul li img{width: 100%;}
.shadediv{width: 100%;height: 100%;font-size:14px;background:black;opacity:0.7;color:#fff;position: absolute;text-align: center;line-height: 280px;}
.shadediv:hover{opacity:0}
.owl-item:nth-of-type(4){margin-right: 0}
h3{color:black;font-size:20px;font-weight:900;}
.Brand{margin:50px 0 35px;}
.Real{margin-top:60px}
.swiperLeft{width:800px;padding:0px 70px 0 40px;background:#fafafa;height:420px;}
.swiperLeft i{display:inline-block;width:40px;height:30px;background:url(/images/other/icon_all.png) 0 -80px;vertical-align:middle}
.swiperLeft h5{font-size:20px;margin-bottom:0px;margin-top:40px;}
.swiperLeft p{padding-left:47px;font-size:14px;margin-bottom:0}
#swile{top:97%;width:31px;height:32px;background:url(/images/other/icon_all.png) -74px -40px #ccc;left:86px}
#swiri{top:97%;width:31px;height:32px;background:url(/images/other/icon_all.png) -96px -40px #ccc;left:130px;}

.livebox{height:793px;background:url(/images/other/workshop.png) center center no-repeat;text-align:center;color:#fff}
.container-div2{float:right;width:730px!important;}
.item-con .item h3{font-size:20px}
.item-con .item ul{padding-left:43px;}
.newicon1,.newicon2,.newicon3,.newicon4{width:38px;height:38px;display:inline-block;background:url(/images/other/icon_all.png);vertical-align:middle;margin-right:5px}
.newicon1{background:url(/images/other/icon_all.png) 0 0 no-repeat}
.newicon2{background:url(/images/other/icon_all.png) -40px 0 no-repeat}
.newicon3{background:url(/images/other/icon_all.png) -87px 0 no-repeat}
.newicon4{background:url(/images/other/icon_all.png) -134px 0 no-repeat}

.swiper-container2 li i{    width: 12px;
    height: 8px;
    margin-right: 12px;
    margin-top: 6px;
    background-position: -19px 0;}
@media screen and (min-width: 1200px) {
.container{width:1300px!important;padding:0!important}
}


@media screen and (max-width: 1200px	) {
.services,.our-box-r,.PCBAssembly-tit{margin: auto;float: inherit;}
.js{display: none;}
.MajorProjectSharing{padding: 30px 15px;}
.PCBAssembly-tit{width: 100%;margin: 20px auto;}
.ProductService li{margin: 20px auto;}
.factory-l{display: none;}
.product li img{margin:10px auto;display: block;}
.QualitySystem li{margin-top: 10px;}
.cen{width: 1000px;margin: auto;}
.fourbox{height:300px;}
.liuc{width:100%}
.swiper-wrapper .pull-right{display:none}
.titafter::after{content:" ";display:none}
.titafter2::after{content:" ";display:none}
.faqbtn{margin-left:200px}
}

@media screen and (max-width: 970px	) {
.shadediv{opacity: 0}
.containerp{border-right: 0!important}
.item-con .con{margin: auto;}
.our-box-r .img{display: block;margin: auto;}
.our-box-r{width: 100%;}
.our-box-r li{margin: 20px auto;}
.MajorProjectSharing li img{display: block;margin: auto;}
.MajorProjectSharing{padding: 30px 15px;}
.PCBAssembly-product li{margin: 20px auto;}
.PCBAssembly-product{padding-top: 20px}
.cen{width: 800px;margin: auto;}
.services{width: 100%}
.container-div2,.MajorProjectSharing2,.onestop{display: none;}
h2,h2 a,.minno{font-size: 16px!important;line-height: 24px}
h3{font-weight: normal;}
}
@media screen and (max-width: 800px ) {
.cen{width: 400px;margin: auto;}
.our-box-r .img,.our-box-r .img img{width:90%;height:60px;}
.our-box-r li a span{max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}
.product li img{width:100%}
.fourbox{height:600px;}
.liuc,.onestop,.livebox{display:none}
.swiper-wrapper .pull-right{display:none}
.faqbtn,.quotebtn{display:block;margin:20px auto}
}



@media screen and (max-width: 400px	) {
.ProductService .img{width: 220px;padding: 0}
.ProductService .img img{width: 220px}
.QualitySystem li{width: 100%;}

.cen{width: 300px;margin: auto;}
}


/*视屏弹层*/
.video_model{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:none;}
.video-tc{width:800px;height:450px;left:50%;margin-left:-400px;margin-top:-225px;position:absolute;top:50%;}
.close{width:38px;height:38px;background:url(/images/other/close.png) no-repeat center;display:block;position:absolute;right:-50px;top:-30px;opacity:0.5;cursor:pointer;}
.close:hover{opacity:1;}