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;}
div,ul{ overflow:hidden;}
table{ border-collapse:collapse;}
a{ color:#333333;  cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent;}
a:hover{ text-decoration:none; color:#C62E02;}
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 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:#ffffff; font-family:"SimSun,Arial,SimHei";}

input{ border:1px solid #dbdbdb;}
input[type="date"]{ background:url(https://img.gzjimg.com/www/images/steelhome.com/rili.jpg) no-repeat 94% center;}
input[type="submit"].white{ background:#ffffff;}
input.white:hover{ box-shadow:0 0 4px rgba(0,0,0,0.2);}
input.white:active{background:#f7f7f7;}
input[type="button"]:active{ background:#dddddd;}
select{ border:1px solid #dbdbdb; background:#ffffff url(https://img.gzjimg.com/www/images/steelhome.com/icon_select.jpg) no-repeat 94% center;}

span.blue{ color:#158BD0;}


/* 横向滚动条样式 */
.futures_overflow::-webkit-scrollbar,.price_list::-webkit-scrollbar {width: 5px;height: 8px; border-radius:8px;}
.futures_overflow::-webkit-scrollbar-thumb,.price_list::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 5px rgba(255,100,0,0.2);background: rgba(255,100,0,0.4);}
.futures_overflow::-webkit-scrollbar-track,.price_list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 8px;background: rgba(0,0,0,0.1);}

.navtree::-webkit-scrollbar,.price_list::-webkit-scrollbar {width: 5px;height: 8px; border-radius:8px;}
.navtree::-webkit-scrollbar-thumb,.price_list::-webkit-scrollbar-thumb {border-radius: 8px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.5);background: rgba(0,0,0,0.5);}
.navtree::-webkit-scrollbar-track,.price_list::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 8px;background: rgba(0,0,0,0.1);}

*{ margin:0; padding:0; outline:none; color:#333333; font-size:14px; font-family: "SimSun,Arial,SimHei"; word-break:break-all;/* 英文超宽度折行 */}

.width1240{ width:1240px; margin:0 auto;}


/* top */

.top{ position:relative; width:100%;}
.top img.logo{ position:absolute; top:13px; left:10px;}
.top ul{ display:table; /*margin-left: 220px;*/}
.top ul li{ float:left;  line-height:70px; padding:0 30px;}
.top ul li.now{ background:#3399FF; color:#ffffff;}
.top ul li.now a{color:#ffffff;}
.top a{font-size:16px;}
.top a.login{ position:absolute; right:10px; top:15px; line-height:40px;}
.top a.login img{ float:left; margin-right:10px;}


/* index_banner */

.index_banner{position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position:absolute;bottom:10px;left:50%;z-index:999;display:block;margin-left:-60px;width:120px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 5px;width:30px;height:10px; border-radius:5px;;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}
.zhanwei_img{ max-height:400px;}
.clear{clear:both;}


/* container */
.container{ margin-top:10px; position:relative;}
.slide{ width: 100%;	min-height: 180px;	overflow: hidden;	position: relative;}
.slide .img{	overflow: hidden; position: absolute; transition: width 0.4s,height 0.4s,top 0.4s,left 0.4s,z-index 0.4s;}
.slide div img{ width:100%; height:100%;}
.slide .img1{ width: 400px;	height: 300px; top: 80px; left: 0;	z-index: 1;}
.slide .img2{ width: 400px;	height: 300px; top: 80px; left: 840px; z-index: 2;}
.slide .img3{ width: 520px; 	height: 390px; top: 0; left: 360px; margin-top:20px; z-index: 3;border:10px solid #ffffff;box-shadow:0 0 20px rgba(0,0,0,0.2);}

button.left{ width: 36px; height: 36px; background:url(/img/left.png) no-repeat 0 0; border:none; position:absolute; z-index:999; top:200px; left:30px}
button.right{ width: 36px; height: 36px; background:url(/img/right.png) no-repeat 0 0; border:none; position:absolute; z-index:999; top:200px; right:30px;}

/* contact */

.bg_gray{ width:100%; background:#f7f7f7;}
.contact{ padding:0 20px;}
.contact div{ margin:10px 0 30px 0; float:left; height:40px;  line-height:40px; border-right:1px dotted #cccccc; padding:0 60px; font-size:20px;}
.contact div img{ float:left;}
.contact div:last-child{ border-right:none;}
h3{ font-size:28px; background:url(/img/icon.jpg) no-repeat 0 8px; text-indent:30px; font-weight:normal; color:#000000; margin:22px 0;}
h3 span{ font-size:22px; color:#666666; font-family:"Arail"}
h3 font{ color:#158BD0; font-size:28px;}

/* footer */

.footer{ height:60px; background:#1f1f1f; color:#ffffff; font-size:15px; text-align:center; line-height:60px;}

/* aside */

.aside *{ overflow:visible;}

.aside{ position:fixed;  height:192px; width:145px; right:40px; bottom:20px;}
.aside:after{ content:""; display:block; position:absolute; width:1px; height:192px; left:116px; z-index:9;}
.aside ul { position:absolute; right: -26px; z-index:99;}
.aside li { position:relative; height: 44px; width:44px; background:#7DA3E8; border-radius:27px; margin:0 26px 15px 0; border:5px solid #BED1F3;}
.aside li:hover { background:#4379DE;}
.aside li img { margin:9px auto 0; display:table;}
.aside a.display{  position: relative; z-index: 99;}
.aside a.hide{ display:none; width:130px; height:44px; border-radius:27px; background:#7DA3E8; color:#ffffff; border:5px solid #BED1F3; position:absolute; left:-92px; top:-5px; line-height:44px; text-indent:20px;}
.aside li:hover a.hide{ display:block;}


/* ny_banner */

.ny_banner{ background:url(/img/ny_banner.jpg) no-repeat 0 0; background-size:100% auto; height:250px; width:100%;}
.ny_banner *{ color:#ffffff;}
/* .ny_banner h2{ font-size:40px; margin:80px 0 20px 0; letter-spacing:5px;}
.ny_banner p{ font-size:26px; letter-spacing:5px;} */
.logo_banner h2{ font-size:40px; letter-spacing:5px;}
.logo_banner p{ font-size:20px; }
.logo_banner{ display: flex; justify-content:flex-start; align-items:center; margin:60px 0 0 0;}
.logo_banner img{ height:106px; margin-right:40px;}


/* company_js */

.company_js{ margin-bottom:20px;}
.company_js p{ font-size:15px; line-height:30px; text-align:justify;}
.company_js div img{ float:left; margin:0 30px 0 0;}
.xh_search{ width:auto; height:50px; margin:5px; background:#ffffff; box-shadow:0 0 5px rgba(0,0,0,0.2); overflow:hidden; padding:20px 0 0 20px;}
.xh_search input{ height:28px;}
.xh_search button{ background:#FACD00; color:#ffffff; border:none; width:90px; height:30px; border-radius:15px;}
.xh_search button:hover{ background:#F4BA31; box-shadow:0 0 10px rgba(0,0,0,0.1);}


/* xh_ziyuan */

.xh_ziyuan .tabs{ margin:0 auto 20px; display:table;}
.xh_ziyuan .tabs li{ float:left; padding:15px 48px 15px 49px;}
.xh_ziyuan .tabs li a{ font-size:20px;}
.xh_ziyuan .tabs li.thistab{ border-bottom:2px solid #ff6600;}
.xh_ziyuan .tabs li.thistab a{ color:#ff6600;}


/* 加工能力 */

.xh_ziyuan h4{ font:bold 20px/40px "Microsoft Yahei";}
.xh_ziyuan .xianhuo div{ margin-bottom:20px;}
.xh_ziyuan iframe{ margin-bottom:20px;}
.xh_ziyuan .xianhuo img{ float:left; margin:0 30px 0 0;}
.xh_ziyuan .xianhuo p{ margin:0 0 10px 0; line-height:22px; font-size:16px; text-align:justify; overflow:hidden;}
.xh_ziyuan .xianhuo a.button{ display:inline-block; width:180px; height:50px;  border:1px solid #dddddd; font-size:20px; line-height:50px;}
.xh_ziyuan .xianhuo a.button:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1);}
.xh_ziyuan .xianhuo a.button img{ margin:9px 16px 0 20px;}

/* device */

.device{ float:left; width:400px; margin-right:19px;}
.device:nth-child(3n){ margin-right:0;}
.device div{ background:#f3f3f3; height:350px; margin:10px}
.device div img{ width:100%;}
.device div:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1); background:#ffffff;}
.xh_ziyuan .device h4{ text-align:center; margin:10px auto;}
.xh_ziyuan .device p{ margin:0 auto; width: 320px;  height: 80px;  overflow: hidden;  -webkit-line-clamp: 3;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical; line-height:26px;}
.xh_ziyuan .device dl{ display:table; margin:0 auto;}
.xh_ziyuan .device dd{ float:left; margin:0 20px 10px;}
.xh_ziyuan .device dd a{ display:block; width:140px; height:40px; line-height:40px; border:1px solid #dddddd; border-radius:20px; margin:20px 0;}
.xh_ziyuan .device dd a img{float:left; margin:5px 10px 0 15px;}
.xh_ziyuan .device dd a:hover{ box-shadow:0 0 5px rgba(0,0,0,0.1);}


/* link */
.link{ display: flex; justify-content: space-between; margin:30px 0 40px;}
.link a{ display:block; float:left;}
