@charset "utf-8";

input,select{ outline: none;}
input[type="text"],input[type="url"],input[type="submit"],input[type="button"],input[type="email"],input[type="date"],input[type="time"],input[type="tel"],input[type="password"]{ background-color:transparent; -webkit-appearance:none;}
input::-webkit-calendar-picker-indicator{ opacity:0;}/* 下拉小箭头 */
input[type="text"]:-webkit-autofill,input[type="password"]:-webkit-autofill{ box-shadow: 0 0 0px 1000px white inset;}
select{ background-color:transparent; -webkit-appearance:none;}
textarea{ -webkit-appearance:none;}
section div{ overflow:hidden;}
header div{overflow:hidden;}
table{ border-collapse:collapse;}
img{ display:inline-block;}
*{ margin:0; padding:0; outline:none; color:#333333; font-size:14px; font-family:Microsoft Yahei; word-break:break-all;/* 英文超出宽度折行 */}
*:not(input,textarea){ -webkit-touch-callout:inherit;-webkit-user-select:auto;}

a{ color:#333333; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:hover{ text-decoration:none; color:#ff6600;}
button,input,select,textarea{ font-size:100%; margin:0; padding:0; outline:0;}

select::-ms-expand{ display:none;}
textarea,input{ resize:none; outline:0; }
textarea{ resize:none; -webkit-appearance:none; }
ul,ol,li{ list-style:none;}

input::-webkit-input-placeholder{ color:#cccccc;}
input::-moz-placeholder{   /* Mozilla Firefox 19+ */  color:#cccccc;}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:#cccccc;}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#cccccc;}
input[type="button"],input[type="submit"],button{ cursor:pointer;}

body{ background:#F5F5F5;}

.jiezi{ display:block; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}

.bg_color{ background:#ffffff;}
.border_bottom{ border-bottom:1px solid #e7e7e7;}
.fixed_width{ margin:0 auto;}
.padding10{ padding:0 10px;}
.margin10{ margin:1% 1% 0 1%;}
.kong10{ height:10px;}
.visible{ overflow:visible;}
span.red{ color:#ff0000;}
span.blue{ color:#185497;}
span.gray{ color:#999999;}
.nav *,h3,h4{ font-size:14px;}
h3{ line-height:46px; height:46px;display:flex; justify-content:space-between;}
h3 span{ font-size:14px;}
h3 li a{ font-size:14px;}
h3 a.more{ font-weight:normal; color:#666666; text-decoration:underline;}
h4{ background:url(/img/2024/img/h4bg.jpg) no-repeat right center; padding:0 20px; display:flex; align-items:center;}
h5{ position:relative; font-size:14px; line-height:40px; display:flex; justify-content:space-between;}
h5:before{ content:""; position:absolute; width:100%; height:1px; background:#cccccc; bottom:0; left:0;}
h5:after{ content:""; position:absolute; width:30%; height:1px; background:#ff6600; bottom:0; left:0;}
h5 span{ font-size:14px; display:block; position:relative; margin-left:10px;}
h5 a{ font-weight:normal; text-decoration:underline; color:#666666; margin-right:5%;}

table th,table td{ height:40px; text-align:center;}
table tr td:first-child{ text-align:left; }
table tbody tr:nth-child(2n-1) td{ background:#f5f5f5;}


.border-radius{ border-radius:5px;}
.login_top{ float:left; margin:6px 0;}
.login_top input{ width:98px; height:24px; border:1px solid #cccccc; border-radius:3px;}
.login_top .login_button{ width:60px; height:26px; background:#1A52A5; line-height:26px; border-radius:3px; text-align:center; color:#ffffff;}
.login_top .zhuce{ width:60px; height:26px; background:#DB2424; line-height:26px; border-radius:3px; text-align:center; color:#ffffff;}
.login_top *{ float:left; margin-right:5px;}
.showlogininfo {padding-top: 5px;}

.topright{ float:right; line-height:40px;}
.topright *{ margin:0 5px;}

.banner{display:flex; justify-content:space-between; height:100px;}

.logo{ margin:8px 0;}

.banner_ss{ width:45%; margin:20px 0 0 0; border-radius:4px;}
.search{ width:100%; background:#378BDF; height:42px; padding:1px; margin-bottom:5px; position:relative; border-radius:4px; display:grid;  grid-template-columns: 1.5fr 4fr 0.6fr;}
.search select{ background:#ffffff url(/img/2024/img/sanjiao.jpg) no-repeat right center; height:42px; border:none; border-radius:4px 0 0 4px; text-indent:8px;}
.search input[type="text"]{ background:#ffffff; border:none; height:42px; line-height:42px; color:#333333;}
.search .submit{ border:none; line-height:36px; color:#ffffff; cursor:pointer; display:block;}
.search .submit:active{ background:#2487FF;}
.search .submit:hover{ color:#ffff00;}
.search .submit img{ position:relative; top:7px;}
.search .button{ border:none; line-height:36px; color:#ffffff; cursor:pointer; display:block;}
.search .button:active{ background:#2487FF;}
.search .button:hover{ color:#ffff00;}
.search .button img{ position:relative; top:7px;}
.search a{ line-height:38px; display:inline-block; text-align:center; color:#ffffff;}
.search a:hover{ color:#ffff00;}
.hot_sreach{ color:#999999;}
.red{ color:#ff0000}
.gray{ color:#666666;}
.bannerright *{ float:left;}
.telephone{ width:127px; height:32px; margin:30px 20px 0 0;}

.cart{ width:118px; height:40px; border:1px solid #cccccc; line-height:40px; text-align:center; margin:28px 0 0 0; border-radius:2px;}
.cart *{ display:inline-block; float:left; font-size:14px;}
.cart img{ margin:10px  10px 0 20px;}

.navbg{ 
	width:100%;  
	/* background:#003A90; */
}
.nav{ display:flex; justify-content:space-between; height:50px; line-height:50px;background:#003A90;}
.nav a{ color:#ffffff; padding:0 15px;}
.nav a.now{ background:#DB2424;}

.statistics{ height:40px; line-height:40px;}

.content{ display:flex; justify-content:space-between; overflow:visible;}

.top_table{ /* width: calc(100% - 20px); padding:10px; */ width:100%; border-radius:5px; background:#ffffff; display:flex; justify-content:space-between; align-items:center;}
.top_table table{ width:100%;}
.top_table table tr td:first-child{ text-align:center;}
.top_table *{ text-align:center;}
.top_table td{ line-height:20px; border-top:1px dashed #dddddd;}
.top_table th{ color:#172151;}
span.size{ font-size:12px;}
div.more{ }
div.more a{ float:right; text-align:center; background:#cc0000; color:#ffffff; width:80px; display:block; border-radius:3px 3px 0 0;}
.border-bottom{border-bottom:1px solid #e7e7e7;}

img.title{ width:60px; height:80px; margin:0 10px;}

/* 热门资源 */

.hot{ width:37.5%; padding:0 1%;}
.hot h3{margin-top: 12px;}
.hot table{ width:100%;}
.hot table th,.hot table td{ text-align:center;}
.hot table th{ background:#f5f5f5;}
.hot tbody tr td:first-child{ text-align:left;}
.hot table tbody tr:nth-child(2n-1) td{ background:none;}
.hot td a{ color:#003A90;}

/* 切换tab */

.news{ width:32.5%; padding:1%;}

.tab_con{ display:none;}

.tabs{ width: 100%; overflow:hidden;}
.tabs li{overflow: hidden;position: relative; width:18%; text-align:center;}
.tabs li a{ color:#172151;}
.news_tab li{ width:25%; text-align:center; line-height:50px;}
.news_tab li a{ color:#172151;}
.tabs .thistab{ background:#ffffff; height:36px; margin:7px 0; line-height:36px; border-radius:4px;}
.tabs .thistab a{ color:#003A90;}

.news .tab_conbox li div{ height:27px; margin-top:10px;}
.news .tab_conbox li div a{ display:inline-block; width: calc(100% - 60px);}
.news .tab_conbox li div span.date{ display:inline-block;  width:60px; text-align:right; color:#666666;}

h3.qh_tab{ background:#DBEAF9;}
h3.qh_tab span{ display:block; width:120px; height:36px; background:#5092f3; font-size:18px; font-weight:normal; color:#ffffff; border-radius:5px; margin:7px 0 0 0; line-height:36px; text-align:Center;}

h3.qh_search{ background:#EAEAEA;}
h3.qh_search span{ background:none; color:#003A90;}

.qh_tab .tabs{ padding:0 10px; line-height:50px; display:flex;  justify-content:space-between;}

.content_right{ width:24%;}
.bt_link ul{ display: grid; grid-template-columns: 1fr 1fr;}
.bt_link li{ background:#F8FAFC; border:1px solid #B5C8E6; margin:0 10px 10px 0; height:50px;}
.bt_link li:nth-child(2n){ margin-right:0}
.bt_link li:nth-child(9),.bt_link li:nth-child(10){ margin-bottom:0}
.bt_link li a{ font-size:18px;line-height: 48px; color:#003A90; font-weight:bold;}
.bt_link li a img{ position:relative;  margin-left:15px; margin-right:5px;}

.tuijian_ziyuan{ width:73%; padding:1%; height:320px;}
.tuijian_ziyuan li.tab_con{ position:relative;}
.tanchu_zy{ position:absolute; top:-50px; left:0; width:100%;  min-height:140px;}

.tanchu{position:absolute; width:100%; min-height:140px; top:0; left:0;}
.tanchu dl{ position:relative; min-height:200px; }
.tanchu dd{ display:none; position:absolute; left:10px; top:32px; z-index:-1; padding:4px 10px;}
.tanchu:hover dd {
    z-index: 10;
}
.tanchu dd a{ display:inline-block; padding:5px 5px;}
.tanchu dt{ position:relative; width:90px; height:32px; line-height:30px; z-index:2; background:#f5f5f5; color:#333333; margin:10px 0 0 10px; text-align:center;}

.tanchu:nth-child(2){ left:100px;width:85%;}
.tanchu:nth-child(3){ left:200px;}
.tanchu:nth-child(4){ left:300px;}
.tanchu:nth-child(5){ left:400px; width:45%;}

.tanchu dt:hover+dd{ display:block; background:#ffffff; border:2px solid #378BDF;}
.tanchu dd:hover{ display:block; background:#ffffff; border:2px solid #378BDF;}
.tanchu dt:hover { background:#ffffff; width:86px; border:2px solid #378BDF; border-bottom:none;}

.tanchu dt:hover a{ color:#003A90;}

/*.tanchu dl:hover dd{ display:block; background:#ffffff; border:2px solid #378BDF;}*/
/*.tanchu dl:hover dt{ background:#ffffff; width:86px; border:2px solid #378BDF; border-bottom:none;}*/

/*.tanchu dl:hover dt a{ color:#003A90;}*/

table.zy_list{ margin-top:50px; width:100%;position: relative;z-index: 5;}

.add img{ margin: 20px 0 ; width:100%;}
.add img:list-child{ margin-bottom:0;}

.fine_search{ padding:1%;}

.fine_search .tab_conbox li{ background:#f5f5f5; border:1px solid #efefef;  display: grid; gap:8px 0; padding:1% 2% 1% 0;}
.fine_search .tab_conbox li div *{ line-height:28px;}
.fine_search .tab_conbox li input{ border:1px solid #cccccc;}
.fine_search .tab_conbox li select{ background:#ffffff url(/img/2024/img/sanjiao.jpg) no-repeat right center;; border:1px solid #cccccc;}
.fine_search .tab_conbox li div span{ text-align:right;}
.fine_search .tab_conbox li div{ display: grid; grid-template-columns: 2fr 5fr; overflow:visible;}
.fine_search .tab_conbox li .sreach_submit input[type="submit"],input[type="button"]{ background:#DB2424; color:#ffffff; border:1px solid #DB2424; border-radius:3px;}
.fine_search .tab_conbox li .sreach_submit input[type="submit"]:active,input[type="button"]:active{ background:#B71E1E;}

.fine_search .tab_conbox li .sreach_submit .radio input[type="radio"]{ width:14px;}
.fine_search .tab_conbox li .sreach_submit{ display: grid; grid-template-columns: 3fr 2fr;}
.fine_search .tab_conbox li .sreach_submit .radio{ display: grid; grid-template-columns: 1fr 2fr 1fr 2fr; padding:0 0 0 20%}

.fine_search .tab_conbox li:first-child{ grid-template-columns: 1fr 1fr 1fr 1fr;}
.fine_search .tab_conbox li:nth-child(2) { grid-template-columns: 1fr 1fr 1fr;}
.fine_search .tab_conbox li:nth-child(3) { grid-template-columns: 1fr 1fr 1fr;}
.fine_search .tab_conbox li:nth-child(4){ grid-template-columns: 1fr 1fr 1fr;}
.fine_search .tab_conbox li:nth-child(5){ grid-template-columns: 1fr 1fr 1fr;}
.fine_search .tab_conbox li:nth-child(6){ grid-template-columns: 1fr 1fr 1fr;}

.fine_search .tab_conbox li div.qujian{ display: grid; grid-template-columns: 5fr 1fr 5fr;}
.fine_search .tab_conbox li div.qujian p{ text-align:center;}
.fine_search .tab_conbox li div.qujian input{ width:96%;}

.sales{ position:relative; z-index:0; padding-bottom:10px;}

table.xianhuo{margin:0 1%; width:98%;}
table.xianhuo td{ line-height:24px; text-align:center;}
table.xianhuo tbody tr:nth-child(2n-1) td{ background:#f5f5f5;}
table.xianhuo tbody tr:last-child td{ background:none;}
@media screen and (max-width:1280px) {
	a.jia_cart {
		background: #378BDF;
		color: #ffffff;
		padding: 3px 10px;
		border-radius: 3px;
	}
}
@media screen and (min-width:1281px) {
	a.jia_cart {
		background: #378BDF;
		color: #ffffff;
		padding: 3px 20px;
		border-radius: 3px;
	}

}

a.jia_cart:hover{ background:#2E86DE;} 
a.jia_cart:active{ background:#378BDF;}

a.gong_cart{ background:#4096FF; color:#ffffff; padding:3px 10px;}
a.gong_cart:hover{ background:#2487FF;}
a.gong_cart:active{ background:#0274FF;}

table.xianhuo .foot{ display: flex; justify-content:space-between;}
table.xianhuo tbody tr:last-child .all_cart{ display: flex; justify-content:flex-start;}
table.xianhuo tbody  tr:last-child .page{ display: flex; justify-content:flex-end; line-height:30px;}

.all_xz{ margin-right:10px;}
.all_xz span{ position:relative; top:3px;}
.all_xz input{ position:relative; top:4px; margin:0 10px 0 0;}
.cart2{ height: 30px; line-height: 30px; text-align: center; margin: 0 10px; padding:0 20px 0 10px; background:#DB2424; border-radius: 3px;}
.cart2 a{ color:#ffffff;}
.cart2 img{ position:relative;  margin-right:10px;}

table .page{ display:flex; justify-content:flex-start;}
table .page input{ height:28px; border:1px solid #cccccc; width:50px;}
table .page *{ margin:0 5px;}
table .page a{ text-decoration:underline;}

.logo_focus{ display:flex; justify-content:space-between; overflow:hidden;}
.logo_focus img.title{ width:60px; height:80px; margin:40px 10px;}
.logo_focus img.title3{ width:60px; height:80px; margin:0 10px;}
.logo_list{ width:calc(100% - 80px); margin:10px;}
.logolist1{ height:138px;}
.logolist3{ height:60px;}


.logo_focus ul{ }

.list li{  display: flex; justify-content:space-between; line-height:30px;}

.help h3{ line-height:60px; border-bottom:1px solid #dddddd; margin-bottom:30px;}
.help h3 span{ font-size:16px; color:#172151; border-bottom:3px solid #378BDF;}
.help img{ width:calc(100% - 20px); margin:0 10px;}
.help ul{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; margin:20px 10px 10px 10px;}
.help li{ height:30px;}

img.add{ width:100%; display:block;}

.border-top{ border-top:1px solid #d8d8d8;}

.foot_top{ display: flex;  justify-content:space-between; padding:20px 0; border-bottom:1px solid #dddddd;}
.foot_top dt{ font-size:14px; font-weight:bold; height:32px; color:#003A90;}
.foot_top dd{ height:24px;}

.foot_down{ text-align:center; line-height:30px; padding:10px 0 20px;}
.foot_down div:first-child *{ font-weight:bold;}
.foot_down div:first-child a{ padding:0 5px;}

@media screen and (max-width:1280px){
*{ font-size:12px;}
	.fixed_width{ width:1000px;}
	h3{ line-height:36px;}
	h5{ line-height:36px;}
	.tree_pinzhong{ gap: 12px 0;}
	.tree_diqu{ gap: 12px 0;}
	.notice dl{ grid-template-columns: 8fr 7fr; gap:14px 0; padding:10px 0;}
	.business img{ width:80%;}
	.business div{ gap:7px 0; padding:12px 0;}
	.fine_search .tab_conbox li div{ grid-template-columns: 3fr 4fr;}
	.fine_search .tab_conbox li input{ width:calc(98% - 2px);}
	.tanchu_menu dl dt{ line-height:29px;}
	.tree_pz{ height:324px; margin-bottom:8px;}
	.tanchu_menu{ margin-top:-306px;}
	.tanchu_menu dl dd:before{ top:28px;}
	.zhuanqu_steel{ width:27.5%;}
	.swipslider{ margin-top:30px;}

	table th,table td{ height:34px;}
	.news .tab_conbox li div{ height:20px;}
	.bt_link li{ height:40px;}
	.bt_link li a{ font-size:15px;}
	.bt_link li a img{ width:24px; position:relative;  margin-left:10px; margin-right:5px;}

	.qh_tab .tabs{ height:40px; line-height:40px;}
	.news_tab li{ line-height:40px;}
	.tabs .thistab{ height:30px; margin:5px 0; line-height:30px;}
	h3.qh_tab span{ height:30px; margin:5px 0 0 0; line-height:30px; font-size:16px;}
	.tuijian_ziyuan{ height:290px;}
	.fine_search .tab_conbox li div{ height:30px;}
	.fine_search .tab_conbox li input{ height:26px;}
	.fine_search .tab_conbox li div *{ line-height:24px;}
.logolist1{ height:108px;}
.logo_focus img.title{ width:50px; height:66px; margin:20px 10px;}
.logo_focus img.title3{ width:50px; height:66px; margin:0 10px;}
.logolist3{ height:50px;}
}

@media screen and (min-width:1281px){
	.fixed_width{ width:1200px;}
	.tree_pinzhong{ gap: 15px 10px;}
	.tree_diqu{ gap: 15px 10px;}
	.focus .bd{ height:340px;}
	.notice dl{ grid-template-columns: 8fr 7fr 7fr; gap:20px 0; padding:20px 0;}
	.foot_top dt{ font-size:16px; height:42px;}
	.help h3 span{ font-size:20px;}
}