@charset "utf-8";
body{background:#fff;}
/*.bg_ico{background: url('../img/jijia_ico.png') no-repeat 0 0;}*/
.bananbg{ height:400px;background: url(../img/bananbg.jpg) no-repeat center top #004940; color:#fff}
.bananbg .banner-tit{ width:540px; margin:30px 0 0 102px;}
.bananbg .banner-tit h1{ font-size:43px; line-height:55px; }
.bananbg .banner-tit h1,.bananbg .banner-tit p{text-shadow: 2px 2px 4px #000;}
.bananbg .w1180{ position:relative;height:400px;}
.bananbg .intit{ width:480px;margin:35px 0 0 700px;}
.bananbg .intit h1{ font-size:50px; font-weight:700; line-height:45px; margin-top:50px; text-shadow: 0px 0px 5px #000;}
.bananbg .intit p{text-shadow: 0px 0px 5px #000;}
.bananbg  h1 span{color: #f77832;}
.bananbg .intit .f14{ line-height:20px;}
.bananbg .intit .f14 u{padding-top:10px; display:block}
.bananbg .Instant{ background:#008C95; width:630px; color:#000; margin:48px 0 0 0;position: relative; z-index: 3;float:right;}
.bananbg .Instant .tit{ margin-left: 18px; margin-right: 18px; border-bottom: 2px solid #c4c4c4; }
.bananbg .Instant .tit strong{float:left; margin-right: 35px; height:40px; line-height:55px; font-size:14px;; cursor:pointer}
.bananbg .Instant .tit .i-ico{width: 6px; height: 3px; margin: 0 auto; display: none; margin-top: -13px; background: url('/img/img/orderonline/n_jt.jpg') no-repeat center center;}
.bananbg .Instant .tit .on{ color:#f90; border-bottom: 2px solid #008C95; margin-bottom: -2px;}
.bananbg .Instant .tit .on .i-ico{display: block;}
.bananbg .Instant li{ overflow:hidden; padding:0 0 12px 0; width:200px; float:left; height:55px; margin-left:18px}
.bananbg .Instant li i{font-weight:400;}
.bananbg .Instant li select{border: 1px solid #ccc;border-radius: 4px; width:195px; height:38px; line-height:38px; margin:0;padding-left:5px}
.bananbg .Instant .item_unit input{width: 148px;}
.bananbg .Instant .item_unit em{line-height:38px;}
.bananbg .Instant .input{border: 1px solid #ccc;border-radius: 4px; width:173px; padding:10px; }
.bananbg .Instant .conter .area span{border: 1px solid #ccc;border-radius: 4px;  width:71px;display:inline-block;}
.bananbg .Instant .conter .area span input{-webkit-appearance: none; width:51px; border-radius: 4px; border:none; padding:10px; display:inline-block;}
.bananbg .Instant .conter .area em,.bananbg .Instant .conter .area font{display:inline-block; margin:12px 6px;}
.bananbg .Instant .conter .area font {margin-right:0;}
.bananbg .Instant .tcenter{ text-align:center}
.bananbg .Instant .enter{display:inline-block; height:40px; line-height:40px; border-radius: 4px; background:#008C95; text-align:center;font-size:22px; color:#fff; padding:0 80px; margin-top: 10px; margin-bottom: 10px; }
.bananbg .Instant .enter .bg_ico{width:20px; height:24px; background-position: -19px -81px; display:inline-block; vertical-align: middle; margin-right: 10px; padding:0}
.bananbg .Instant .conter .boardnumber{ position:absolute;border:1px solid #008C95; width:400px;padding:10px; top:50px; right:5px; z-index:999; background:#fff}
.bananbg .Instant .conter .boardnumber li{width:60px;height:20px; padding:2px 0; line-height:normal;}
.bananbg .Instant .conter .boardnumber li:hover{box-shadow: 0 0 10px #ccc;}
.bananbg .Instant .conter .boardnumber li label{ display:block; cursor:pointer}
.bananbg .Instant .conter .boardnumber .boardnumberbtn{float:left; margin:10px 0; width:100%}
.bananbg .Instant .conter .boardnumber .boardnumberbtn #txtSelNum{border:1px solid #ddd;}
.bananbg .imglist{width:100%;height:360px;position:absolute; top: 0; right: 0; z-index: 2;}
.bananbg .imglist .imgdiv{width:100%;z-index:9}
.coupon_info{line-height:40px; margin-left:25px; margin-top:15px;}
.coupon_info img{vertical-align:baseline; margin-right:4px;}

.Instant dl{margin-left: 3px;}
.Instant dd{height: 46px; line-height: 46px; width: 180px; font-size: 14px; margin-bottom: 1px;}
.Instant dd a{width: 100%; width:168px; color: #fff; display: block; padding-left: 12px; background-color: #ffb84d;}
.Instant dd  a:hover{background-color:#ffd079; color: #fff; text-decoration: none;}
.Instant dd a .i-ico{width:20px; height:20px; margin-right:8px; vertical-align:text-bottom;}
.Instant dd a .i-ico01{background-position:0 -580px;}
.Instant dd a .i-ico02{background-position:-24px -580px;}
.Instant dd a .i-ico03{background-position:-54px -580px;}
.Instant dd a .i-ico04{background-position:-84px -580px;}
.Instant dd a .i-ico05{background-position:-108px -580px;}
.Instant dd.selected a .i-ico01{background-position:0 -604px;}
.Instant dd.selected a .i-ico02{background-position:-24px -604px;}
.Instant dd.selected a .i-ico03{background-position:-54px -604px;}
.Instant dd.selected a .i-ico04{background-position:-84px -604px;}
.Instant dd.selected a .i-ico05{background-position:-108px -604px;}
.Instant dd a .i-ico06{background-position:-26px -800px;}
.Instant dd.selected a{background-color: #fff; color: #000;}
.Instant dd.selected,.Instant dd.selected a:hover{background-color: #fff;}
.Instant dd.selected a{color:#000; border-bottom: 0;}

.Instant .item-instant-con{width: 447px; height: 286px; background-color: #fff;}
.Instant .item-instant-con h3{height: 40px; line-height: 40px; border-bottom: 2px solid #c4c4c4; margin: 0 18px; padding: 0 20px;}
.bananbg .Instant .txt-tips{ color: #a9a9a9;}
.bananbg .Instant .item-Components input{margin-left: 22px; margin-right: 10px; width: 265px;}
.bananbg .Instant .item-instant-con a{width: 250px; margin: 15px auto 0; padding: 0; display: block;}
.bananbg .Instant .item-instant-con a.c_upbtn{width:85px; margin-top:0; text-align:center;}
.Instant .item-PCBAssembly textarea{width: 402px; height: 36px; padding: 8px;border: 1px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.bananbg .Instant .item-Stencil .item-total{ margin-top: 25px;}
.bananbg .Instant .item-instant-con .c_upfileli a{margin-top:0; width:auto;}
.bananbg .Instant .item-instant-con .boardnumberbtn a{margin:0 6px; width:auto; display:inline-block;}
.bananbg .Instant .item-instant-con a.EC-enter{width: 105px; height: 38px; line-height: 38px; display: inline-block;}
.bananbg .Instant .tcenter a#quote_now{width: 116px; margin-top: 25px;}
.bananbg .Instant .item-instant-con a.EC-Upload{width: 185px; font-size: 22px; padding: 6px 20px; margin-top: 20px; margin-bottom: 15px; border: 1px solid #008C95; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display: block;}
.bananbg .Instant .item-instant-con a.EC-Upload{margin-top: 50px;margin-right: auto;margin-left: auto;}
.bananbg .Instant .item-instant-con a.EC-Upload .i-ico{width: 36px; height: 36px; margin-right:10px; background-position: 0 -250px; vertical-align: middle;}


.linebox{background:#fff;border: 1px solid #ccc;}
.c_info{width:1080px; margin:0 auto; font-family:'Times New Roman';font:12px/1.5 ROBOTO, Helvetica, Tahoma, Arial, "Microsoft YaHei";}
.c_info strong,.c_info span{font:16px/1.5 ROBOTO, Helvetica, Tahoma, Arial, "Microsoft YaHei";}
.c_info ul,.c_info ol{padding-left:15px;}
.c_info ul li{list-style:outside disc;}
.c_info ol li{list-style:outside decimal;}
.c_info .doctitle{line-height:35px;margin-bottom:10px;font-size:22px;text-align:center;}
.c_info .docabstract{padding-bottom:15px;margin-bottom:10px;border-bottom:1px dotted #ccc;font-size:14px;}
.c_info b,.c_info strong,.c_info h1,.c_info h2,.c_info h3,.c_info h4,.c_info h5,.c_info h6{font-weight:700;}
.c_info table{border-collapse:collapse;}
.c_info tbody,.c_info td,.c_info tr,.c_info th,.c_info caption{line-height:24px;border:1px solid #ccc;padding:3px 5px;}


.c_info h3{font-weight: 700;}
.c_info h3,.c_info h4{ text-align: center;}
.c_info .tit{ font-size:28px}
.c_info p img{margin-left: auto; margin-right: auto;}



/*.c_about*/
.c_about{ width:300px; color:#666; background:#FAFAFA}
.c_about .conter{padding:20px; line-height:20px;width: 258px;}
.c_about .yes{width:10px; height:11px; display:inline-block; background-position:-29px -49px; margin-right:10px}
.c_about .enter{height:50px; line-height:50px; border-radius:4px; background:#008C95; font-size:28px; color:#fff; display:block; padding:0 15px;}
.c_about .enter .go{ float:right;width:26px; height:16px; display:inline-block; background-position:-45px -49px;margin-top:18px}
/*gd*/
.linebox_staic{position: relative; z-index: 10;}
.linebox_fixed{position: fixed; top: 0; width: 258px;}

.topicFooter{text-align: center; background-color:#000; padding:1em 0 0; color:#fff; font-size:20px;}
.topicFooter b{display:block; padding:1em 0; font-size:1.9em}
.topicFooter b span{color:#f90}
.topicFooter .bnsa{font-size:1.2em; font-weight:bold; padding:.5em 2em; text-decoration: none;}
.topicFooter.lp{background: #000 url("/img/img/activity/prototype2023/bk_footer.jpg") no-repeat center top / cover; padding:2em 0 3em}

@media screen and (min-width: 1200px	) {
.container{width:1300px!important}

}
@media screen and (max-width: 1180px	) {
.bananbg{display:none}
}
@media screen and (max-width: 750px	) {
.c_info{width:100%}
.container img{width:100%!important;height:100%!important}
.c_info strong, .c_info span{font: 24px/1.5 ROBOTO, Helvetica, Tahoma, Arial, "Microsoft YaHei";}
.c_info span,.c_info p{font-size:24px!important;margin-bottom:10px!important}
}