body{ color:#000; font-family:Arial; line-height:28px; font-size:14px; background:#f8f8f8;}
*{ margin:0; padding:0;}
li{ list-style:none;}
a{ text-decoration:none; color:#000000; font-weight:bold;}
a:hover{ color:#ff0000;}
img{ border:none;}
table{ border-collapse: collapse;}
input{ outline:none;}
.top_new {font-size:16px;color:#5d5d5d;font-family:Arial ;font-weight:bold;height:33px;line-height:33px;}
.top_new a{color:#5d5d5d;padding:0 10px 0 10px}
.daohang{ width:100%; height:34px; font-size:12px; line-height:34px; background:#ffffff;}
.daohang ul{ width:1100px; margin:0 auto;}
.daohang li{ float:left; background:url(http://www.steelhome.cn/stgfiles/201205/point.gif) no-repeat 0 center; text-indent:10px;}
.daohang li:first-child{ background:none;}
.daohang .stylered{ color: #FF0000;}
.daohang a{	color:#000000; font-weight:normal;}
.daohang a:hover{ color:#990000;}
	
.banner{ background:#ffffff url(img/bannerbg.jpg) no-repeat center 0; background-size:auto 360px; height:360px; width:100%;}
.bannerimg{ background:url(../images/bannerimg.png) no-repeat right bottom; height:360px; width:100%; overflow:hidden;}
.banner img{ display:table; margin:0 auto; margin-top:20px;}
.banner p.title{ text-align:center; font:bold 36px/100px "Microsoft Yahei"; margin-top:20px; color:#ffffff; text-shadow:2px 10px 20px #000000 inset;}
.banner p.data{ text-align:center; font:bold 20px/40px "Microsoft Yahei"; margin-top:20px; color:#ff0000; text-shadow:0 0 2px #ffffff;}

.menu{ width:100%; height:50px; background:#C82C0B; line-height:50px; font-size:16px; font-weight:bold; position:relative; z-index:100;}
.menu ul{ width:1080px; margin:0 auto;}
.menu li{ float:left; padding:0 54px;}
.menu li:hover{ background:#B01200;}
.menu li a{ color:#ffffff;}
	
h1{ font-size:20px; margin:40px 0 20px 0; text-align:center;}
h2{ font:bold 18px/60px "Microsoft Yahei"; height:60px; color:#Ff0000; text-indent:28px;}
h2:before{ content:''; display:block; width:10px; height:10px; background:#ff0000; transform:rotate(45deg); position:absolute; margin-top:25px;}

.width1080{ width:1080px; margin:10px auto; text-align:left}
p{ margin-top:10px;}
.bottom{ margin-bottom:20px;}

.bgcolor{ background:#ffffff; overflow:hidden;}

/* home */

.time{ margin:1rem auto}
.time ul li{ display:block;height:34px;line-height:34px}
.time2{ margin-bottom:0.5rem; padding-left:30px;background:url(./img/time.png) no-repeat 0 center; background-size:24px; }
.pozition{ margin-bottom:0.5rem; padding-left:30px;background:url(./img/pozition.png) no-repeat 0 center; background-size:20px; }
.hotel{ margin-bottom:0.5rem; padding-left:30px;background:url(./img/hotel.png) no-repeat 0 center; background-size:20px; }

.Container{width:1080px;margin:30px auto;text-align:justify;}
.Container-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.33;
    padding-bottom: 0;
    margin-bottom:15px; 
	
}
/* Who Attends */
.who{}
.who .who_left{width:50%;float:left}
.who .who_left ul li{padding-left:200px;line-height:31px;height:31px;display:inline-block; }
.who .who_left ul li span{font-size:20px;line-height:31px;height:31px;display:inline-block;position:relative; top:2px;}
.who .who_right{width:50%;float:right}
.who .who_right img{width:50%}

/* Who Attends */


.Figures{ width:1080px; margin:0 auto; overflow:hidden; margin-bottom:40px;}
.Figures div{ width:200px; height:100px; padding-top:20px; background:#f3f3f3; text-align:center; color:#333333; float:left; margin-right:20px;}
.Figures div:last-child{ margin-right:0;}

.Figures div span{ display:block;}
.Figures div span:first-child{ }
.Figures div span:last-child{ font-size:18px;}
.Figures div:hover{ background:#2961be47;}


/* Attend */
.Attend{ width:32%;float:left;margin:20px 1% 40px 0; border:solid 1px #d8d8d8;border-radius:10px;height:520px}
.Attend:last{ margin-right:0}
.Attend img{width:100%;border-radius:10px;}
.Attend .Attend_nr{margin:10px 10px;text-align:justify;}
.Attend .Attend_nr p{line-height:23px}
/* Attend */
/* Media Partners*/

.Partners{ margin:20px 0;}
.Partners ul{margin-bottom:20px;height:auto;overflow: hidden;}
.Partners ul li{ float:left;width:215px;height:63px;margin-right:40px; margin-top:5px  }
.Partners ul li img{ float:left;width:215px;height:63px;margin-right:5px}
/* Media Partners*/

.mb-3{width:48%; float:left; margin:10px 0;}

.mb-4{width:100%; margin:10px 0;}
.form-control {
  display: block;
  width:90%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem; 
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-select {
  display: block;
  width: 95%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.btn-primary {
  color: #fff;
  background-color: #c82c0b;
  border-color: #0d6efd;
}

.btn {
  display: inline-block;
  margin-top:10px;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
 
  border: 1px solid transparent;
  padding: 0.6rem 6rem;
  font-size: 1rem;
  border-radius: 0.25rem;
 
}

.layui-input {
	height: 45px;
	width: 87%;
	padding-left: 5px;
	font-size: 16px;
	display: inline-block;
}

.layui-btn {
	height: 45px;
}

.captcha-input {
	height: 45px;
	padding-left: 5px;
	font-size: 16px;
}

.layui-form {
	width: 30%;
	height: 60%;
	margin: 0 auto;
	margin-top: 7%;
	padding: 15px 28px 0px;
	background: #fff;
}

.layui-input-block {
	margin-left: 0;
}

.layui-input-block a {
	color: blue;
	float: right;
	line-height: 30px;
	font-size: 14px;
}

input.text {
	text-align: center;
	padding: 10px 20px;
	width: 300px;
}

#canvas {
	float: right;
	margin-right: 1%;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 5px;
	cursor: pointer;
}

.code {
	width: 400px;
	margin: 0 auto;
}

.input-val {
	width:50%;
	background: #ffffff;
	height: 2.8rem;
	border-radius: 5px;
	border: none;
	padding:0 0 0 12px;
	border: 1px solid rgba(0, 0, 0, .2);
}
.TicketList-items{width:42%;float:left;margin:0 4% 5% 0 }
.TicketList-items {
    background-color: rgb(200 44 11 / 6%)
    padding: 16px 16px;
    height: 100%
}
.TicketList-items_nr{ }
.TicketList-items_nr ul{}
.TicketList-items_nr ul li{width:100%;display:inline-block; height:40px;line-height:40px;}
.TicketList-items_nr ul li p{display:inline-block; height:40px;line-height:40px;margin-top:0}
.PricePlan-price{ font-weight:bold; font-size:18px;float:right;height:40px;line-height:40px;}
.TicketList-items_tittle{
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
  height:40px;
    display: block;
    border-bottom: 1px solid #c82c0b;
    margin-bottom: 20px;
    padding-bottom: 12px;
    text-align: center
}

.delegate{ display:inline-block}
.hyjs{ font-size:14px; line-height:26px;}

.benefits table{ width:100%;}
.benefits table td{ height:34px; line-height:34px; border-bottom:1px solid #ffffff;}
.benefits tr:nth-child(2n-1) td{ background:#f3f3f3;}
.benefits h6{ float:left; font-size:12px; width:30px; background:#666666; text-align:center; margin-right:10px; color:#ffffff;}
.benefits h6:hover{ background:#cc0000;}
.benefits a{ color:#000000; font-weight:bold;}
.benefits a:hover{ color:#ff0000;}

.download{ font:bold 22px/60px "Arial"; text-align:center; color:#ff0000;}
.download a{ color:#000000;}
.download a:hover{ text-decoration:underline;}

.list{ margin-bottom:20px; font-size:11px; line-height:18px; padding:5px 0;}
.list table{ width:100%;}
.list table th,.list table td{ border:1px solid #dddddd;}
.list table th{ background:#666666; color:#ffffff; line-height:28px; text-align:left; text-indent:5px;}
.list table td.name{ background:#f3f3f3;}
.list table td{ padding:0 5px;}

#www_qpsh_com{ width:1080px; height:200px; margin:20px auto; overflow:hidden;}
#www_qpsh_com td{ padding:0 5px; text-align:center;}
#www_qpsh_com td img{ width:autopx; height:170px;}
#www_qpsh_com td a{ color:#333333;}

.chdw{ width:1080px; margin:0 auto; overflow:hidden; margin-bottom:40px;}
.chdw div{ width:200px; height:100px; padding-top:40px; background:#f3f3f3; text-align:center; color:#333333; float:left; margin-right:20px;}
.chdw div:last-child{ margin-right:0;}

.chdw div span{ display:block;}
.chdw div span:first-child{ font-size:60px; color:#ff0000; height:50px;}
.chdw div span:last-child{ font-size:18px;}
.chdw div:hover{ background:#FF4D4D; color:#ffffff;}
.chdw div:hover span:first-child{ color:#ffffff;}

.with_us{ width:1080px; margin:0 auto; padding:20px 0; border:1px solid #dddddd; text-align:center; font-size:20px; font-weight:bold; margin-bottom:40px;}
.with_us span{ color:#ff0000;}
.with_us table{ font-size:16px; text-align:left; width:80%; margin:0 auto; font-weight:normal; margin-top:10px;}
.with_us table td{ padding:0 20px; height:30px;}
.with_us a{ color:#000000;}
.with_us a:hover{ text-decoration:underline;}

/* fee */


.fee{ line-height:34px; text-align:center;}
.fee th,.fee td{ border:1px solid #dddddd;}
.fee th{ background:#666666; color:#ffffff;}
.fee tr:nth-child(2n-1) td{ background:#f3f3f3;}

.huichang{ margin-top:20px; margin-bottom:30px;}
.huichang td{ padding:0 2%;}
.huichang img{ width:90%; margin:0 auto; display: block;border:solid 0px #d8d8d8;border-radius:10px;/* -webkit-box-shadow: 1px 4px 10px rgba(0,0,0,.5);
-moz-box-shadow: 1px 4px 10px rgba(0,0,0,.5);
box-shadow: 1px 4px 10px rgba(0,0,0,.5);*/}
.huichang p{ text-align:center}

/* survey_tour */

.tour td{ padding:10px;}
.tour img{ width:340px;height:240px}
.tour tfoot td{ text-align:center;}


.submit{ width:1030px; margin-left:50px; height:120px; text-align:center; font-size:26px; font-weight:bold; margin:0 auto; margin-top:20px;}
.submit a{ display:block; width:440px; background:#163b91; margin:0 auto; /* margin-left:50px; float:left;  */height:50px; line-height:50px; border-radius:25px; text-align:center; margin-top:20px; color:#ffffff;}
.submit a:hover{ background:#FF902F; box-shadow:0 0 10px #EF6F00;}
.submit a:active{ background:#FF4D4D; color:#ffffff; box-shadow:0 2px 4px #cc0000 inset;}

.footer{ height:100px; background:#c82c0b; text-align:center; color:#ffffff; line-height:30px; font-size:14px;padding-top:30px}
.footer a{ color:#ffffff;}

/*  */

.Schedule table{ width:100%; margin-bottom:20px;}
.Schedule tr{ border-bottom:1px solid #dddddd; }
.Schedule td{ line-height:24px;padding:10px }
.Schedule .submit a{ width:800px; margin-left:120px;}
.note{ font-size:11px; line-height:20px;}

.Schedule .table1 td{ border-left:none; border-right:none;}
.Schedule .table1 tr td:first-child{ border-left:1px solid #dddddd;}
.Schedule .table1 tr td:last-child{ border-right:1px solid #dddddd;}

.Schedule .table1 thead td{ border:none; border-top:1px solid #dddddd; font-weight:bold; background:#f3f3f3;}
.Schedule thead td pre{ font-family:"Microsoft Yahei"; padding:10px; font-size:14px;background:#233e8e;color:#fff;line-height:24px}

.Schedule2 table{ width:100%; margin-bottom:20px;}
.Schedule2 td{ border:1px solid #dddddd; line-height:18px; padding:10px;}
.Schedule2 .submit a{ width:800px; margin-left:120px;}
.note{ font-size:11px; line-height:20px;}

.Schedule2 .table1 td{ }
.Schedule2 .table1 tr td:first-child{ }
.Schedule2 .table1 tr td:last-child{}

.Schedule2 .table1 thead td{ border:none; border-top:1px solid #dddddd; font-weight:bold; }
.Schedule2 thead td pre{ font-family:"Microsoft Yahei"; font-weight:bold; font-size:14px;}

.Schedule .table2 caption{ font:bold 20px/40px "Microsoft Yahei";}
.Schedule .table2 thead td{ border:none; background:#eb8c33; color:#fff}
.Schedule .table2 thead td:first-child{ }
.Schedule .table2 thead td:last-child{ }
.Schedule .table2 td.time{ width:100px; text-align:left;}

/* company */

.company{ overflow:hidden;}
.company h1{ font-size:16px; margin:10px 0; background:#cccccc; width:100%;}

.company img{ width:150px;margin:0 auto;}

.company ul{ float:left;margin:0 auto;}

.width200{ width:200px;}
.width220{ width:220px;}
.width440{ width:440px;}
.width200 h1{ width:200px;}
.width220 h1{ width:200px;}
.width440 h1{ width:420px;}

.fleft{ float:left;}

.company1080 ul{ width:100%;}
.company1080 li{ float:left; width:220px;}
.company1080 li:nth-child(5n){ width:200px;}

.company  h5{font-size:14px;font-weight:boid}
.line{}

.line ul{}

.line ul li{float:left ; margin:10px 25px;min-height:50px }
.line ul li a{float:left; }

.line ul li img{float:left; }