@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;}
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:#f9e6d2; font-family:"Microsoft Yahei";}

/* 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;} */

*{ margin:0; padding:0; outline:none; color:#333333; font-size:18px; line-height:40px; font-family: "Microsoft Yahei"; word-break:break-all;/* 英文超宽度折行 */}
*:not(input,textarea){ -webkit-touch-callout:inherit;-webkit-user-select:auto;}

hgroup{ border-left:8px solid #cc2a1e; padding-left:20px; height:70px; margin-bottom:40px;}
h1{ font-size:40px; color:#d22400;letter-spacing:5px; margin:0 0 50px;}
h2{ color:#cc2a1e; font-size:42px;}
h3{ color:#d22400; text-align:center;}
h4{ text-align:center; font-size:30px;}
h4.red{ color:#c12a27; font-weight:normal;}
h6{ color:#ed6c1a; font-size:24px; font-weight:normal;}
.kong50{ height:50px;}
.kong30{ height:30px;}
.kong20{ height:20px;}
.figure img{ display:table; margin:0 auto;}
iframe{ width:100%; height:185px;}

.banner{ background:url(https://img.gzjimg.com/www/20years/img/bg.jpg) no-repeat 0 0; background-size:100% 300px; width:100%; height:300px;}
.banner img{ width:1604px; position:absolute; left:50%; margin-left:-800px;}

.menu{ background:#d22400; height:60px; width:100%;}
.menu div{ width:1200px; margin:0 auto; display:flex; justify-content:space-around;}
.menu a{ color:#ffffff; font-size:20px; font-weight:bold; line-height:60px;}
.menu a:hover,.menu a.now{ color:#ffff00;}

.dl{ position:absolute; top:380px;width:100%;height:1060px; z-index:-1;}
.dl img:first-child{ position:absolute; top:0; left:50%; margin-left:-730px;}
.dl img:last-child{ position:absolute; top:0; left:50%; margin-left:600px;}

.content{ background:#fff4e9; width:1120px; margin:0 auto; padding:0 40px; position:relative;}

.nav{ width:1000px; margin:50px auto; display:flex; justify-content:space-around;}
.nav a{font-size:20px;}
.nav a:hover,.nav a.now{ color:#ff3300;}

img.mubiao{ width:1108px; display:table; margin:0 auto 50px;}
img.hexin{ width:601px; display:table; margin:50px auto 10px;}
img.biaoyu{ width:1010px; display:table; margin:0 auto 50px;}

.footer{ background:#d22400; height:175px; text-align:center;}
.footer *{ color:#ffffff;}
.footer a{ color:#ffffff;}
.link{ width:1400px; margin:40px auto 20px; display:flex; justify-content:space-around;}
 
/*------------------------------------------------------------------ steelhome_wh */

.qywh{ background:url(https://img.gzjimg.com/www/20years/img/home.png) no-repeat center 100px; padding:50px 0; overflow:hidden;}
.qywh ul{ display: grid;  grid-template-columns: 1fr 1fr;letter-spacing:5px;}
.qywh li,.qywh span{ font-size:22px; height:50px;}

span.red{ color:#d22400;}

.gzjlogo{ color:#d22400;}
.gzjlogo span{ color:#d22400; font-size:30px;}

.logo_jd{ display: grid;  grid-template-columns: 1fr 1fr 1fr;}
.logo_jd div{ margin:0 20px 40px;}

img.gzj_logo{ width:76%; margin:0 auto; }

.map{ width:1107px; display:table; margin:30px auto;}

/* ----------------------------------------------------------------------- fuwu */

.eight_lei{ display:flex; justify-content:space-between; margin:0 40px 50px 0;}
.eight_lei div{ width:60%; margin:40px 0 0 40px;}
.eight_lei div ul{ width:100%; display:grid;  grid-template-columns: 1fr 1fr;}
.eight_lei div ul li{ font-size:30px; height:70px;}


.tree{ width:140px; background:#fdca8d; border-radius:0 20px 20px 0; position:fixed; top:380px; right:50%; margin-right:-740px;}
.tree a{ color:#cb6215; display:block; text-indent:10px;}
.tree a:hover{ color:#ff1200;}
.tree a.now{ color:#ff1200;}


/* ----------------------------------------------------------------------- zixun */

.zixun{ display:flex; justify-content:space-evenly;}
.zixun *{ font-size:26px; line-height:60px;}

.zixunli{ display:flex;justify-content:space-evenly;}
.zixunli .red{ background:#c12a27; color:#ffffff; padding:5px 20px}

/* ------------------------------------------------------------------------- shuju */

.danhang{ height:62px; }
.danhang *{ float:left; margin:0 20px;line-height:62px;}

/* ------------------------------------------------------------------------- zhishu */

.zhishu{ display:flex;  grid-template-columns: 1fr 1fr; margin:50px 0 0 0;}
.zhishu div{ margin:0 20px;}
.zhishu div img{ margin:0 0 0 60px;}
.zhishu div p{ position:relative; padding-left:30px;}
.zhishu div p:before{ content:"◎"; position:absolute; left:0; top:0; font-size:30px; color:#cc0000;}

/* ------------------------------------------------------------------------- fbt */

.fbt{ display:grid;  grid-template-columns: 3fr 2fr; }
.fbt dl{ margin:40px 50px 0;}
.fbt dt{ text-indent:10px;}
.fbt dt span{ font-size:30px;}

.zhu{ margin:0 0 0 50px;}

/* ------------------------------------------------------------------------- ygys */

.logo{ position:absolute; right:60px; top:300px;}

/* ------------------------------------------------------------------------- hyfw */

.hyfw{ display:grid;  grid-template-columns: 1fr 1fr 1fr 1fr; }
.hyfw div span{ font-size:30px; margin:0 20px 0 0;}
.hyfw div ul{ margin-left:20px;}
.hyfw div h5{ text-indent:60px; font-size:24px;}
.hyfw div img{ margin:0 0 0 50px;}

/* ------------------------------------------------------------------------- hydh */

.hydhpic{  display:grid;  grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.hydhpic img{  display:block; width:198px; margin:0 auto; border-radius:20px;}
.hydhpic p{ font-size:14px; text-align:center;  margin-bottom:10px;}

/* -------------------------------------------------------------------------- qxpx */

.qxpx{display:grid;  grid-template-columns: 1fr 1fr;}
.qxpx div{display:grid;  grid-template-columns: 1fr 2fr; align-items:center; margin:0 20px;}
.qxpx div h3{ font-size:30px;}

/* -------------------------------------------------------------------------- xxjs */

.xxjs{ display:flex; align-items:center;}
.xxjs h4{ margin:0 40px 0 0;}
.xxjs dl{ display:flex; position:relative; height:60px; line-height:60px;}
.xxjs dl:before{  content:"◎"; position:absolute; left:0; top:0; font-size:30px; color:#cc0000;}
.xxjs dl dt{ color:#cc2a1e; padding-left:40px;}
.xxjs dl *{ margin:0 20px; font-size:26px;}

/* --------------------------------------------------------------------------- dsz */

.qianming *{  float:right; line-height:180px;}

/* --------------------------------------------------------------------------- weilai */

.weilai{ background:#fff4e9 url(https://img.gzjimg.com/www/20years/img/img23.jpg) no-repeat right bottom; min-height:1500px;}

/* --------------------------------------------------------------------------- licheng */

.line{ border-bottom:2px solid #ff725f; }
.year{ display:flex; justify-content:space-evenly; margin-top:-50px;}
.year a{ position:relative; display:block; height:80px; color:#fc5c17;}
.year a:before{ content:""; position:absolute; width:14px; height:14px; top:-16px; left:50%; margin-left:-8px; border:2px solid #ff725f; background:#ff725f; border-radius:50%;}
.year a:nth-child(2n){ margin-top:55px;}
.year a:nth-child(2n+1):before{ top:39px;}
.year a.now{ font-size:30px;}
.year a.now:before{ width:22px; height:22px; border:none; background:#fd0000;}
.year a:hover:before{ background:#fd0000;}

.licheng{ background:#fff4e9 url(https://img.gzjimg.com/www/20years/img/img25.jpg) no-repeat right bottom; min-height:2000px;}

.xiaoguang{  background: linear-gradient(to right, #ce4432,#e37f21); padding:20px 40px; box-shadow:20px 20px 0 rgba(252,220,191,1); margin:20px;}
.xiaoguang p{ color:#ffffff;}

.figurelist{ display:grid;  grid-template-columns: 1fr 1fr 1fr; text-align:center;}
.figurelist div{ margin:0 20px;}

.picone img{ display:table; margin:0 auto;}

.pictwo{ display:grid;  grid-template-columns: 1fr 1fr; align-items:center;}
.pictwo div{ margin:0 20px;}
.pictwo div img{ display:table; margin:0 auto; max-width:100%;}

.picthree{ display:grid;  grid-template-columns: 1fr 1fr 1fr;}
.picthree div{ margin:0 20px;}
.picthree div img{ display:table; margin:0 auto; max-width:100%;}

.pic_word_one{  display:grid;  grid-template-columns: 1fr 1fr; align-items:center;}
.pic_word_one *{ margin:0 20px;}

.pic_word_two{  display:grid;  grid-template-columns: 1.5fr 1fr 1.5fr 1fr; align-items:center;}
.word_one_two{  display:grid;  grid-template-columns: 1fr 2fr; align-items:center;}
.word_two_one{  display:grid;  grid-template-columns: 2fr 1fr; align-items:center;}
.word_two_three{  display:grid;  grid-template-columns: 2fr 3fr;}
.word_two_three p{ margin:0 20px;}

.title{ display:grid;  grid-template-columns: 1fr 2fr;}
.title p{ margin:0 20px;}

.pictwo_one{ display:grid;  grid-template-columns: 2fr 1fr; align-items:center;}
.pictwo_one div{ margin:0 20px;}
.pictwo_one div img{ display:table; margin:0 auto; max-width:100%;}

.picone_two{ display:grid;  grid-template-columns: 1fr 1.4fr; align-items:start;}
.picone_two div{ margin:0 20px;}
.picone_two div img{ display:table; margin:0 auto; max-width:100%;}

@media screen and (max-width: 1200px) {

*{ font-size:14px; line-height:60px;}
.pc{ display:none;}
.banner,.menu,.footer{ width:1200px;}
.menu{ height:100px;}
.menu a{ font-size:40px;line-height:100px;}
.nav a{ font-size:32px;}
iframe{ width:1200px; height:350px;}
.footer *{ font-size:32px; padding:0 20px;}
.footer{ height:350px;}
.banner{ height:300px; position:relative;}
.banner img{ width:1200px; left:0; margin-left:0; bottom:0;}
.link2{ margin:40px 0 0 0;}
.qywh li, .qywh span{ font-size:12px;}
.licheng{ min-height:3900px;}
.weilai{ min-height:2000px;}
.qianming *{ font-size:40px;}
.year a{ font-size:20px; line-height:40px;}
}

@media screen and (min-width: 1201px) {

.mobile{ display:none;}

}