.cf {
    zoom: 1
}
.cf:after {
    content: ".";
    display: block;
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
    overflow: hidden
}
.wrap_show{position: relative;}
#off{position: absolute;background: url(img/search_new/off.png) center center no-repeat;width: 30px;height: 30px;top: 111px;;right:10px;z-index: 10;transition: .3s;-moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; background-size: 60%;transform:rotate(180deg);}
.off_txt{position: absolute;
    top: 111px;;right:42px;
    display: inline-block;
    white-space: nowrap;
    line-height: 30px;
    font-size: 14px;}
    .annotation{color: red;font-size: 12px;line-height: 2;}
.aboutbox{background-color: #f5f5f5;}
.tab{width: 100%;margin-bottom: 70px;}
.tab_box{width: 33.3%;height: 80px;display:flex;align-items:center;flex-direction: column;float: left;background-color: #fff;position: relative; justify-content: center; flex-wrap: nowrap;cursor: pointer;}
.tab_box p{width: 70%;z-index: 6;text-align: left;color: #333333;}
.tab_box span{width: 70%;z-index: 6;text-align: left;color: #cccccc;}
.tab_box i{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 5;}
.tab_box b{width: 0%;height: 100%;position: absolute;top: 0;left: 0;z-index: 4;background-color: #005eba;transition: .3s;-moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; }
.tab_box:nth-child(1) i{background: url(img/search_new/tab_1.png) center right no-repeat;}
.tab_box:nth-child(2) i{background: url(img/search_new/tab_2.png) center right no-repeat;}
.tab_box:nth-child(3) i{background: url(img/search_new/tab_3.png) center right no-repeat;}
.tab_box.on b{width: 100%;}
.tab_box.on p{color: #fff;}
.tab_box.on span{color: #fff;}
hr{border-bottom:1px dashed #d1d1d1;border-top: 0;border-left: 0;border-right: 0;margin-bottom: 3%;padding-top: 1%;}
.sn .title{display: flex; justify-content:flex-start;align-items:center;float: left;width:22%;background-color: #e0e0e0;margin-right: 1%;height: 42px;}
.sn .title i{width: 30px;height: 30px;background-image: url(img/search_new/icon.png);background-repeat: no-repeat;display: inline-block;margin-right: 20px;margin-left: 20px;}
.sn .title span{color: #131313;}
.sn{margin-bottom: 1%;}
.screen_1{position: relative;}

.screen_1 .title i{background-position: 0 0;}
.screen_2 .title i{background-position: -30px 0;}
.screen_3 .title i{background-position: -60px 0;}
.screen_3 .title{height: 42px;}
.screen_4 .title i{background-position: -90px 0;}
.screen_4 .title{height: 42px;}
.screen_5 .title i{background-position: -120px 0;}
.screen_5 .title{height: 42px;}
.screen_6 .title i{background-position: -150px 0;}
.screen_6 .title{height: 42px;}
.screen_7 .title i{background-position: -180px 0;}
.screen_7 .title{height: 42px;}
.screen_8 .title i{background-position: -210px 0;}
.screen_8 .title{height: 42px;}
.screen_9 .title i{background-position: -240px 0;}
.screen_9 .title{height: 42px;}
.screen_10 .title i{background-position: -270px 0;}
.screen_10 .title{height: 42px;}
.screen_11 .title i{background-position: -300px 0;}
.screen_11 .title{height: 42px;}
.sn .label{float: left;width:77%;}
.sn .label ul{width: 100%;}
.sn .label ul li{font-size: 14px;padding: 0 2%;line-height:30px;border-radius: 100px;overflow: hidden;display: inline-block;color: #666666;margin:0 2% 8px 0;cursor: pointer;}
.sn .label ul li.on{background-color: #005eba;color: #fff;}
.sn button{width: 120px;height: 42px;background-color: #005eba;color: #fff;font-size: 18px;border: none;outline: none;margin-left: 8px;}
.sn .series_search{float: left;width: 77%;}
.sn .series_search ul{width: 100%;margin-top: 10px;max-height:60px;overflow-y:auto;}
.sn .series_search ul.active{height:auto;}
.sn .series_search ul input{width: 16px;height: 16px;background: #fff;border: #ccc solid 1px;border-radius: 0px;-webkit-appearance: none;position: relative;margin-right: 10px;}
.sn .series_search .lookmore{display:none;width:100px;height:30px;line-height:30px;margin:0 auto; background:#fff;border:1px solid #e5e5e5;text-align:center;border-radius: 4px; cursor:pointer;}
.sn .series_search .lookmore:hover{color:#005eba;}
.btn_clear{width: 120px;height: 42px;;background-color: rgb(0, 94, 186); color: rgb(255, 255, 255);display: inline-block;font-size: 18px; border-radius: 100px; line-height: 42px;cursor:pointer;}

.sn .series_search ul input[type="checkbox"]:checked {
    background: #005eba;
    border: #005eba solid 1px;
}
.sn .series_search ul input[type=checkbox]:checked::after {
    content: '';
    top: 2px;
    left: 2px;
    position: absolute;
    background: transparent;
    border: #fff solid 2px;
    border-top: none;
    border-right: none;
    height: 5px;
    width: 8px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.n_hr{padding-top: 3%;}
section{display: none;}
section.on{display: block;}
.Submenu{display: none;}
.Submenu.on{display: block;}
.sn .series_search ul li{float: left;margin: 0 2% 10px 0;width: 14%;display: inline-block;}
.sn .series_search ul li label{font-size: 14px;display: flex; justify-content:flex-start;align-items:center;user-select: none; cursor: pointer;}
.series_search .series{display: flex; justify-content:flex-start;align-items:center;width: 100%;}
.series_search .series input{outline: none;border: 1px solid #dedede;text-indent: 1em;color: #928285;width: 100%;height: 40px;}
.outer{border: 1px solid #dedede;background-color: #fff;position: relative;display: inline-block;width: 100%;}
.textbox{display: flex;justify-content: flex-start;align-items: center;}
.textbox .outer input{outline: none;text-indent: 1em;color: #928285;width: 98%;height: 38px;border: 1px solid #fff;}
.textbox .outer select{outline: none;text-indent: 1em;color: #928285;width: 94%;height: 38px;border: 1px solid #fff;background: url(img/search_new/p.png) 100% center no-repeat scroll transparent;}
.textbox .outer span{font-size: 18px;padding-left: 5px;position: absolute;right: 8px;top: 7px;}
.textbox i{display: inline-block;font-size: 18px;margin: 0 10px;}
.Company{padding-right: 0;}
.Company select{background: url(img/search_new/p.png) 95% center no-repeat scroll transparent!important; width: 150px!important;text-indent:0!important;padding-left: 8px;}
.size{border: 1px solid #dedede;background-color: #fff;padding-left:0px;position: relative;display: inline-block;width: 100%;}
.textbox{display: flex;justify-content: flex-start;align-items: center;}
.textbox .size input{outline: none;color: #928285;width: 60px;height: 38px;border: 1px solid #fff;width: 98%;text-indent: 1em;}
.screen_6 .textbox .k_bk .unit{margin-bottom: 30px;text-align: center;}
.textdt{margin:1% 0 0 23%;}
.textbox .size span{font-size: 14px;padding-left: 5px;position: absolute;left: 8px;top: 9px;}
.textbox.dt{margin:1% 0 0 23%;}
#screen_6_size0 .textbox.dt{display:none;}
#screen_6_size1 .textbox,#screen_6_size2 .textbox{display:none;}
#screen_6_size1 .textbox.dt,#screen_6_size2 .textbox.dt{display:flex;} 
#submit{width: 100%;text-align: center;padding: 4% 0;}
#submit button{border-radius: 100px;margin: 0 auto;width: 120px;
    height: 42px;
    background-color: rgb(0, 94, 186);
    color: rgb(255, 255, 255);
    font-size: 18px;
    margin-left: 15px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    outline: none;}

article .tag{width: 100%;display: flex;justify-content:flex-start; align-items:flex-start;flex-wrap: nowrap;padding-top: 2%;margin-bottom: 3%;}
article .tag .title{display: inline-block;font-size: 20px;line-height: 40px;white-space:nowrap;margin-right:30px;}
article .tag .pag{display: inline-block;}
article .tag .pag li{float: left; font-size: 14px;line-height: 40px;padding: 0 15px;background-color: #005eba;border-radius: 100px;margin:0 12px 12px 0;color: #fff;white-space:nowrap;display: flex;justify-content:space-between;  align-items:center;transition: .3s;cursor: pointer;}
article .tag .pag li:hover{background: #16afef;}

article .tag .pag li span{margin-left: 10px; display: inline-block; width: 20px;height:20px; background: #fff;line-height: 0;font-size:0;vertical-align: middle;background: url(img/search_new/close.png);}
/* article .tag .pag li span:after{content:'/';display:block;width: 20px;height:2px; background: #fff;-webkit-transform: rotate(-90deg);} */
article .form{width: 100%;overflow-x: scroll;overflow-y: hidden;}
article table{width: 1900px;border-right:1px solid #d8ddec;border-bottom:1px solid #d8ddec;}
article table th{text-align: center;background-color: #122c78;border-left:1px solid #253e88;border-top:1px solid #253e88; color: #fff;padding: 15px 0 30px;background: url(img/search_new/sort.png) center 80% #122c78 no-repeat;cursor: pointer;font-size:13px; white-space: nowrap;}
article table th.desc{background-image: url(img/search_new/sort_desc.png);}
article table th.asc{background-image: url(img/search_new/sort_asc.png);}
article table td{text-align: center;border-left:1px solid #d8ddec;border-top:1px solid #d8ddec;padding: 10px 0;}
article table .Unsorted{background-image: url();cursor: auto;}
article table select{width:56px;padding:3px 20px 3px 15px;border-radius: 100px;border: solid 1px #DDD;background: url("img/search_new/p.png") no-repeat scroll 84% center transparent;}
article table tbody tr:nth-child(1){border-top: 2px solid #d8ddec;}
article table tbody tr:hover{background-color: #fff;}
.btn_cart{display: inline-block;width:19px;height:19px; background: url(img/cart_icon4.png) no-repeat center;}  
.btn_pdf{display: inline-block;width:21px;height:21px; background: url(img/pdf_icon.png) no-repeat center; vertical-align: -5px;}

.page{clear:both; margin-top:50px;text-align:center; }
.page a{display:inline-block;width:40px;height:40px; line-height:40px; font-size:18px;color:#666; margin:5px 4px; vertical-align: middle; font-family: Arial; background:#fff; }
.page a:hover,.page a.cr{color: #fff; background: #005eba; }
.page a.prev,.page a.next{width:40px;height:40px; text-indent:-9999px; }
.page a.prev{background:#fff url(../img/prev.png) no-repeat center ; }
.page a.next{background:#fff url(../img/next.png) no-repeat center ; }
.page a.prev:hover{background-image: url(img/prev_hover.png); background-color: #005eba;}
.page a.next:hover{background-image: url(img/next_hover.png);background-color: #005eba;} 
.jgf{margin:0 10px 0 30px!important;}
.page1 a:hover,.page1 a.cr,.page1 a.prev:hover,.page1 a.next:hover{background-color: #235fb4;}
.k_bk{display: flex;justify-content:space-between;align-items:center;width: 100%;}
 .Determine{display: none;}
/* .screen_9 .textbox .outer input{width:348px;} */
.screen_11 .textbox .outer{padding-right:0;}
.screen_11 .textbox .outer input{width: 98%;} 
.screen_11 .textbox .outer.jl{margin-left: 8px;}
.screen_11 .textbox .outer.jl input{width:120px;}
.screen_10 .textbox .outer{padding-right: 0;margin-right:0}
.screen_10 .textbox .outer input{width:98%;}
.screen_10 .textbox .outer.jl{margin-left: 8px;}
.screen_10 .textbox .outer select{width: 96%;text-indent:0;padding-left: 8px;margin-right: 8px;}
.screen_8 .textbox .outer{padding-right: 0;margin-right:0}
.screen_8 .textbox .outer input{width: 98%;}
.screen_8 .textbox .outer.jl{margin-left: 8px;}
.screen_8 .textbox .outer select{width: 96%;text-indent:0;padding-left: 8px;margin-right: 8px;}
.screen_6 .textbox .outer input{width: 282px;}
.screen_6 .textbox .outer{padding-right: 10px;}
.screen_6 .textbox .outer select{width: 100px;text-indent:0;padding-left: 8px;}

@media only screen and (max-width: 996px){
	/* .sn{display: flex;justify-content:flex-start;align-items:center;flex-direction: column;margin-bottom: 4%;} */
	/* .sn .title i{margin-right: 10px;} */
	.sn .title{width: 100%;margin-bottom: 2%;}
	.sn .label{width: 100%;}
	.sn .series_search{width: 100%;}
	/* .series_search .series{justify-content:center;} */
    .textbox.dt{margin:  1% 0 0 0;}
    .textbox{width:100%}
    .textdt{margin:  1% 0 0 0;}
}
@media (max-width: 720px) {
    .series_search .series{width: 100%;}
	.page{margin:30px 0;font-size:0;}
	.series_search .series input{width: 100%;}
	.series_search .series{flex-wrap: wrap;}
	.sn button{margin-left:0;margin-top: 2%;font-size: 14px;width: 100px;height: 32px;}
	.sn .series_search ul li{width: auto;}
    .textbox .outer input{width: 98%;}
    .textbox .outer select{width: 96%;}
    .textbox{flex-wrap: wrap;}
    .screen_10 .outer{padding-right: 0;}
	.outer{width: 100%;padding-right:0%}
	.textbox i{width: 2%;margin: 0 1%;}
    .textbox{width: 100%;justify-content:center;}
    .outer.Company{padding-right: 0;}
    .outer.Company select{width: 100%;}
	.k_bk{width: 100%;}
	.textbox .size{width: 100%;}
	.textbox .size input{width:96%;float: left;text-indent: 5px;}
	.textbox .size span{font-size: 12px;}
	.k_bk i{font-size: 12px;}
    #submit button{width: 45%;margin-left:5%}
    .btn_clear{width: 45%;}
    .textbox .outer span{font-size: 14px;top: 9px;}
    .screen_9 .textbox .outer{width:100%;}
    .screen_9 .textbox .outer input{width:98%!important;}
    /* .screen_10 .textbox .k_bk{flex-direction: column;}
    .screen_10 .textbox .outer{width:100%;padding: 0px!important;margin:0 0 10px 0px!important;}
    .screen_10 .textbox .outer input{width:50%!important;} */
    .screen_10 .textbox .outer select{float: right;margin-right: 2%;}
    .screen_10 .textbox .outer input{width:98%;}
    .screen_8 .textbox .outer input{width:98%;}
    /* .screen_6 .textbox .k_bk{display: block;} */
    .screen_6 .textbox .k_bk i:nth-of-type(2n+1){width:2%;display: block;margin: 0 1%!important;}
    .screen_6 .textbox .k_bk i:nth-of-type(2n){vertical-align: middle;}
    .screen_6 .textbox .k_bk .size{width:100%;vertical-align: middle;}
    .screen_6 .textbox .outer{width:100%;padding: 0px!important;margin:0 0 10px 0px!important;}
    .screen_6 .textbox .outer input{width:50%!important;}
    .screen_6 .textbox .outer select{float: right;margin-right: 2%;}
    .screen_11 .textbox .outer{width:100%;}
    .screen_11 .textbox .outer input{width:98%!important;}
    .textbox .outer input{text-indent: 5px;}
}
@media (max-width: 640px) {
    .page{margin:30px 0;font-size:0;}
    .outer.Company select{text-indent: 2px;font-size: 12px;}
    .outer.Company{padding-right: 3%;}
    .screen_10 .textbox .outer select{font-size: 12px;width: 90%!important;}
    .screen_8 .textbox .outer select{font-size: 12px;width: 90%!important;}
    #submit button,.btn_clear{font-size: 14px;}
}
@media (max-width:480px) {
    .screen_10 .textbox .outer.jl{width: 100%;}
    .screen_8 .textbox .outer.jl{width: 100%;}
    article .tag{flex-direction: column;}
    .tab{margin-bottom:30px;}
    .tab_box{height:60px;}
    .tab_box p{width:85%;text-align:center;}
    #off{top:66px;width: 20px;height: 20px;background-size: 100%;}
    .off_txt{top:66px;line-height: 20px;right: 35px;}
    .sn .label ul li{background: #005eba;color:#fff;padding:0 8px;}
    .page a{font-size:14px;}
    
}
@media (max-width: 380px) {
    /* .screen_10 .textbox .outer input{width:30%!important;}
    .screen_6 .textbox .outer input{width:30%!important;} */
}