body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
select,
input,
textarea,
button,
p,
blockquote,
th,
td,
img,
iframe {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,
button,
textarea,
option {
	font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif;
}

ul,
li,
div {
	list-style: none;
	border: 0px;
}

img {
	border: 0px;
	max-width: 100%;
	max-height: 100%;
}

.clear {
	font: 0px/0px serif;
	display: block;
	clear: both;
}

html {
	-webkit-text-size-adjust: none;
}

input {
	outline: none;
}

textarea {
	resize: none;
}

a {
	text-decoration: none;
}

body:nth-of-type(1) input:focus,
textarea:focus {
	outline: none;
}

body {
	font: 12px "\5b8b\4f53", Tahoma, Arial;
	color: #333;
	background: #fff;
	position: relative;
}

#header {
	width: 100%;
	height: 35px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	;
	background: #f5f5f5;
	margin: 0 auto;
}

.header {
	width: 1100px;
	margin: 0 auto;
	height: 35px;
}

.header ul {
	color: #666;
}

.header ul li.name {
	margin-right: 30px;
}

.header ul li {
	float: left;
	line-height: 35px;
	margin-right: 10px;
}

.header ul li a {
	color: #666;
}

.header ul li a:hover {
	color: #ff6600;
}

.header p a:hover {
	color: #ff6600;
}

.header p {
	line-height: 35px;
	color: #666;
	float: right;
	margin-right: 110px;
}

.header p a {
	color: #666;
	margin: 0 5px;
	display: inline-block;
}

.header p a.mobile {
	background: url(../images/sample_bg.png) 0 10px no-repeat;
	padding: 0 0 0 16px;
	margin-left: 10px;
}

.weixin {
	width: 1100px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

.weixinTop {
	position: absolute;
	padding: 0 0 0 28px;
	top: -41px;
	right: 16px;
	cursor: pointer;
	color: #666;
	line-height: 38px;
	background: url(../images/sample_bg.png) 0 -24px no-repeat
}

.weixinBot {
	position: absolute;
	right: 5px;
	top: -1px;
	display: none;
	border: 1px solid #d1d1d1;
	height: 120px;
  	width: 120px;
}

/*top*/

.bannerAdv {
	width: 1100px;
	margin: 6px auto 0;
	overflow: hidden;
}

.bannerAdv ul {
	width: 1110px;
	display: inline;
	float: left;
	margin: 0px 0 0 -5px;
}

.bannerAdv ul li {
	display: block;
	float: left;
	padding: 10px 5px 0 5px;
	position: relative;
}

.bannerAdv ul li a,
.bannerAdv ul li embed {
	float: left;
}

.headerNav {
    width: 1100px;
    margin: 0 auto;}
.headerNav p {
    color: #888;
    line-height: 12px;
    height: 12px;
    width: 1100px;
    overflow: hidden;
    margin-top: 10px;
    font-family: "microsoft yahei";
	}
.headerNav p a {
    color: #888;
    margin: 0 4px;
}
.headerNav p a:hover{
	color: #FF6600;}
/*top*/

.top{width: 1100px;height: 80px;margin: 0 auto 0;position: relative;}
.top .logo {
	position: absolute;
	left: 0;
	top: 2px;
	z-index: 3;
	height: 58px;
}

.top h1{width: 80px;height: 50px;position: absolute;left: 200px;top: 12px;border-left: 1px solid #d7d7d7;font: 30px/50px "Microsoft Yahei","\5b8b\4f53"; text-indent:12px;color: #0070ce;}
.top p {
	position: absolute;
	top: 60px;
	left: 274px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	font-family: microsoft yahei;
	color: #666666;
}

.top p a {
	color: #666666;
	margin: 0 4px;
}

.top p a:hover,
.top span a:hover {
	text-decoration: underline;
	color: #ff0000;
}

.top span {
	position: absolute;
	left: 858px;
	top: 26px;
	line-height: 18px;
	height: 18px;
	font-family: microsoft yahei;
	overflow: hidden;
	color: #666666;
}

.top span a {
	color: #ff6600;
	font-size: 14px;
}

.top input.text {
	width: 250px;
	height: 38px;
	display: block;
	position: absolute;
	line-height: 33px;
	border: 1px solid #e1e1e1;
	color: #7d7d7d;
	top: 15px;
	left: 389px;
	z-index: 2;
	font-size: 14px;
	text-indent: 10px;
}

.top button {
	width: 90px;
	height: 40px;
	display: block;
	border: 0px;
	cursor: pointer;
	position: absolute;
	top: 15px;
	left: 640px;
	background: #0187d0;
	font: normal 20px/40px microsoft yahei;
	color: #fff;
}
.top .qws{
	position: absolute;
	right: 265px;
	top: 14px;
}
.top .qws a{
	height: 38px;
	line-height: 38px;
	padding: 0 14px;
	font-size: 14px;
	border-radius: 22px;
	border: 1px solid #2b82d9;
	color: #2b82d9;
	display: block;
	position: relative;
	font-family: "Microsoft YaHei";
}
.top .qws a:hover{
	background-color: #2b82d9;
	color: #fff;
}
.top .qws a::after{
	content: '';
  	position: absolute;
	right: -19px;
	top: -9px;
  	display: block;
  	width: 51px;
  	height: 20px;
  	background: url("/images/qwsNew.png") no-repeat;
  	background-size: contain;
}
.selectbox-wrapper {
	text-align: center;
	position: absolute;
	top: 54px;
	left: 360px;
	z-index: 9999;
	width: 88px;
	border: 1px solid #e1e1e1;
	background: #fff;
}

.selectbox-wrapper ul li.selected {
	BACKGROUND-COLOR: #f4ffed;
}

.selectbox-wrapper ul li.current {
	color: #fff;
	background: #0187d0;
}

.selectbox-wrapper ul li {
	line-height: 20px;
	color: #666;
	display: block;
	text-align: left;
	text-indent: 20px;
	cursor: pointer;
}

.selectbox {
	width: 88px;
	height: 38px;
	border: 1px solid #e1e1e1;
	border-right: 0;
	display: block;
	line-height: 38px;
	font-size: 14px;
	font-family: microsoft yahei;
	color: #0187d0;
	z-index: 10;
	position: absolute;
	top: 15px;
	left: 300px;
	text-indent: 20px;
	cursor: pointer;
	background: url(../images/sample_bg.png) 60px -60px no-repeat;
}


/*menu*/

.menu {
	width: 100%;
	height: 50px;
	background-color: #0070ce;
}

.menu p {
	width: 1100px;
	margin: 0 auto;
	height: 50px;
}

.menu p a {
	color: #ffffff;
	font-family: "microsoft yahei";
	line-height: 50px;
	font-size: 16px;
	display: block;
	float: left;
	width: 100px;
	display: inline-block;
	text-align: center;
}

.menu p a.home {
	background-color: #3c96e2;
}

.menu p a:hover {
	background-color: #3c96e2;
}
.mainTop{
	width: 1100px;
	margin: 10px auto 0;
	border: 1px solid #d7d7d7;
	border-left: 0;
}
/*flash*/

.flash {
	float: left;
}

.banner {
	width: 365px;
	height: 366px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.banner ul {
	height: 380px;
	position: absolute;
}

.banner ul li {
	float: left;
	width: 365px;
	height: 366px;
	overflow: hidden;
	position: relative;

}
.banner ul li img{
	width: 365px;
	height: 366px;
}
.banner ul li div {
	position: absolute;
	overflow: hidden;
}

.banner .btn {
	position: absolute;
	height: 15px;
	right: 20px;
	bottom: 10px;
	text-align: center;
}

.banner .btn a {
	display: inline-block;
	_display: inline;
	_zoom: 1;
	width: 15px;
	height: 15px;
	background-color: #f5f5f5;
	margin-left: 5px;
	line-height: 15px;
	cursor: pointer;
	color: #666666;
}

.banner .btn a.on {
	color: #fff;
	background-color: #0070ce;
}
.company{
	height: 365px;
	overflow: hidden;
	float: left;
	width: 360px;
	margin-left: 30px;
}
.company h4{
	padding-top: 5px;
	font: normal 16px/40px "microsoft yahei";
	width: 360px;
	height: 40px;
	overflow: hidden;
	text-align: center;
}
.company h4 a{
	color: #333333;
}
.company h4 a:hover{
	color: #FF6600;
}
.company p{
	color: #666666;
	line-height: 22px;
	height: 67px;
	width: 360px;
	padding-bottom: 9px;
	overflow: hidden;
	font-size: 13px;
	border-bottom: 1px solid #ebebeb;
	word-break:break-all
}
.sampleHot{
	height: 365px;
	float: right;
	border-left: 1px solid #d7d7d7;
	width: 308px;
}

.sampleHotTop h3{
	text-indent: 16px;
	border-bottom: 2px solid #FF6600;
	font:normal 22px/46px "microsoft yahei";
}
.sampleHotTop h3 font{
	color: #FF6600;
}
.sampleHotTop h3 a{
	color: #333333;
}
.sampleHot dl{
	margin-left: 20px;
	padding-top: 5px;
	float: left;
}
.sampleHot dl dd{
	float: left;
	height: 16px;
	width: 21px;
	margin-top: 5px;
	border: 1px solid #f26522;
	text-align: center;
	line-height: 16px;
	color: #333333;
	font-size: 14px;
}
.sampleHot dl dd.hot{
	background-color: #f26522;
	color: #fff;
}
.sampleHot dl dt{
	float: left;
	font-size: 14px;
	text-indent: 10px;
	width: 260px;
	line-height: 28px;
	height: 28px;
	overflow: hidden;
}
.sampleHot dl dt a{
	color: #333333;
	font-size: 14px;
}
.sampleHot dl dt a:hover{
	color: #FF6600;
}

.sample{
	width: 1100px;
	margin: 10px auto 0;
}
.sampleTop{
	height: 37px;
	background-color: #F5F5F5;
	border: 1px solid #d7d7d7;
	border-top:3px solid #F26522;
	position: relative;
}
.sampleTop h3{
	position: absolute;
	top: -3px;
	left:-1px;
	height: 41px;
	width: 213px;
	text-indent: 79px;
	background: url(../images/sample_bg.png) 46px -103px no-repeat #F26522;;
	font: normal 22px/41px "microsoft yahei";
}
.sampleTop h3 a{
	color: #FFFFFF;
}
.sampleTop a.more{
	float: right;
	line-height: 37px;
	color: #666666;
	margin-right: 12px;
}
.sampleBox{
	float:left;
	width: 788px;
	position: relative;
	border: 1px solid #d7d7d7;
	border-top: 0;
	height: 268px;
	overflow: hidden;
}
.scrllImgBox{
	float: left;
	width: 800%;
}
.scrllImgBox ul {

	float: left;

}
.scrllImgBox ul li{
	float: left;
	margin-top: 30px;
	margin-bottom: 25px;
	width: 197px;
	text-align: center;
}
.scrllImgBox ul li table{
	margin-left: 30px;
}
.scrllImgBox ul li table td{
	width: 120px;
	height: 157px;
	background: url(../images/sample_bg.jpg) no-repeat;
	padding: 1px 3px 8px 9px;
	text-align: center;
	vertical-align: middle;
}
.scrllImgBox ul li span{
	font:bold 14px/30px "microsoft yahei";
	width: 197px;
	overflow: hidden;

	height: 30px;
}
.scrllImgBox ul li span a{
	color: #0070ce;
}
.scrllImgBox ul li p{
	width: 197px;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	overflow: hidden;
}
.scrllImgBox ul li p a{
	color: #666666;
}
.scrllImgBox ul li a:hover{
	color: #FF6600;
}
.btnLeft{
	height: 65px;
	width: 20px;
	display: block;
	position: absolute;
	cursor: pointer;
	left: 0;
	top: 102px;
	background: url(../images/btn1.png) 0 0 no-repeat;
}
.btnRight{
	height: 65px;
	cursor: pointer;
	width: 20px;
	display: block;
	position: absolute;
	right: 0;
	top: 102px;
	background: url(../images/btn1.png) -21px 0 no-repeat;
}
.sampleRight{
	float: right;
	width: 279px;
	padding-left: 30px;
	height: 268px;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;

}
.sample_search{
	margin-top: 20px;

}
.sample_search input{
	width: 212px;
	height: 28px;
	border: 1px solid #d7d7d7;
	border-right: 0;
	text-indent: 10px;
	line-height: 28px;
	color: #aaaaaa;
	float: left;

}
.sample_search button{
	height: 30px;
	width: 35px;
	border: 0;
	float: left;
	cursor: pointer;
	background: url(../images/sample_bg.png) 6px -186px no-repeat #0070ce;
}
.sampleRight p{
	float: left;
	margin-top: 12px;
}
.sampleRight p a{
	display: block;
	width: 120px;
	height: 30px;
	background-color: #ebebeb;
	text-align: center;
	margin-right: 8px;
	margin-bottom: 10px;
	font: normal 14px/30px "microsoft yahei";
	float: left;
	color: #666666;
}
.sampleRight p a:hover{
	background-color: #f26522;
	color: #FFFFFF;
}
.sampleClass{
	margin: 10px auto 0;
	width: 1100px;
}

.sampleClassTop{
	height: 37px;
	background-color: #f5f5f5;
	border: 1px solid #d7d7d7;
	border-top:3px solid #0070ce;
	position: relative;
}
.sampleClassTop h3{
	position: absolute;
	top: -3px;
	left:-1px;
	height: 41px;
	width: 238px;
	text-indent: 27px;
	background-color: #0070ce;
	font: normal 20px/41px "microsoft yahei";
}
.sampleClassTop h3 a{
	color: #FFFFFF;
}
.sampleClassTop a.more{
	float: right;
	line-height: 37px;
	color: #666666;
	margin-right: 12px;
}

.sampleClassLeft ul {

	float: left;

}
.sampleClassLeft ul li{
	float: left;
	margin-top: 14px;
	margin-bottom: 7px;
	width: 194px;
	text-align: center;
}
.sampleClassLeft ul li table{
	margin-left: 30px;
}
.sampleClassLeft ul li table td{
	width: 120px;
	height: 157px;
	background: url(../images/sample_bg.jpg) no-repeat;
	padding: 1px 3px 8px 9px;
	text-align: center;
	vertical-align: middle;
}
.sampleClassLeft ul li span{
	width: 194px;
	line-height: 30px;
	overflow: hidden;
	font-size: 14px;
	height: 30px;
}
.sampleClassLeft ul li span a{
	color: #333333;
}
.sampleClassLeft ul li span a:hover{
	color: #FF6600;
}
.sampleClassLeft{
	float: left;
	width: 790px;
	border: 1px solid #d7d7d7;
	border-top: 0;
	overflow: hidden;
}
.sampleClassLeft ul.sampleClassBottom{
	background-color: #f1f1f1;
	padding-left: 23px;
	height: 113px;
	padding-top: 10px;
	width: 800px;
}
.sampleClassLeft ul.sampleClassBottom li{
	width: 232px;
	line-height: 24px;
	float: left;
	overflow: hidden;
	height: 24px;
	font-size: 14px;
	line-height: 14px;
	text-align: left;
	margin: 0;
	margin-right: 20px;
	padding-left: 14px;
	background: url(../images/sample_bg.png) 0 -230px no-repeat;
}


.sampleClassLeft ul.sampleClassBottom li a{
	color: #888;
	float: left;
	margin: 10px 10px 0 6px;
	}

.sampleClassLeft ul.sampleClassBottom li a.sample_title{
	color: #333;
}
.sampleClassLeft ul.sampleClassBottom li a.sample_title:hover{
	color: #FF6600;
	text-decoration: underline;
}
.sampleClassRight{
	height: 343px;
	float: left;
	width:277px;
	padding-left: 30px;
	border-right: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}
.sampleClassRight h3{
	margin-top: 7px;
	font:bold 16px/38px "microsoft yahei";
}
.sampleClassRight h3 a{
	color: #333333;
}
.sampleClassRight ul li{
	line-height: 26px;
	height: 26px;
	width: 270px;
	overflow: hidden;
	font-size: 14px;
	text-indent: 13px;
	background: url(../images/sample_bg.png) 0 -283px no-repeat;
}
.sampleClassRight ul li a{
	color: #333;
}
.sampleClassRight ul li a:hover{
	color: #FF6600;
	text-decoration: underline;
}
/* footer */
.foot {
	margin-top: 18px;
    padding: 24px 0 14px;
	background: #282828;
	width: 100%;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', Helvetica, Arial,sans-serif;
}
.foot .w{
	margin: 0 auto;
  	overflow: hidden;
  	width: 1100px;
}

.foot1 {
	margin: 0 auto;
}

.footLeft {
	width: 550px;
	float: left;
}

.footLeft ul {
	margin: 20px 0;
	overflow: hidden;
}

.footLeft ul li img {
	height: 28px;
	margin: 0 3px;
	float: left;
}

.footLeft ul li {
	float: left;
	margin-right: 5px;
	line-height: 1.2;
	background: #f8f8f8;
	border: 1px solid #cacaca;
	padding: 5px 0;
	padding-left: 0;
}

.footLeft ul li:last-child {
	margin-right: 0;
}

.footLeft ul li b {
	margin-right: 5px;
	width: 60px;
	display: inline-block;
	font-weight: normal;
}

.footLeft ul li b a {
	color: #666;
}

.footLeft p {
	color: #666;
	height: 24px;
	line-height: 24px;
}

.footLeft p a {
	color: #666;
}

.footLeft p span {
	margin-right: 50px;
	height: 24px;
	line-height: 24px;
	display: inline-block;
}

.footNav {
	font-size: 14px;
	margin-bottom: 10px;
	width: 100%;
}

.footNav a {
	color: #dcdcdc;
	margin-right: 30px;
	line-height: 36px;
	display: inline-block;
}

.footRight {
	float: left;
	width: 270px;
	padding-left: 15px;
	padding-right: 25px;
	box-sizing: border-box;
}

.footRight ul {
	float: left;
}

.footRight ul.ul2 {
	float: right;
}

.footRight ul li {
	line-height: 36px;
	font-size: 14px;
	color: #dcdcdc;
}

.footRight ul li a {
	color: #dcdcdc;
	position: relative;
	cursor: pointer;
}

.footRight ul li a .QQhover {
	position: absolute;
	left: 0px;
	bottom: 21px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255, 255, 255, .9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 100px;
	text-align: center;
	resize: none;
	overflow: hidden;
}

.footRight ul li a .QQhover::after {
	position: absolute;
	left: 0;
	top: 0;
	line-height: 20px;
	content: "QQ:";
}

.footRight ul li a:hover .QQhover {
	display: inline-block;
}

.footRight ul li i {
	width: 18px;
	height: 20px;
	margin-top: 6px;
	display: inline-block;
	vertical-align: top;
	background: url(https://www.ybzhan.cn/images/index420/qq-ico.png) no-repeat;
	background-size: contain;
}

.footRight p {
	font-size: 14px;
	color: #dcdcdc;
	line-height: 34px;
}

.footRight p b {
	font-size: 14px;
}

.ybw {
	width: 100%;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	color: #dcdcdc;
}

.ybw a {
	color: #dcdcdc;
}

.ybw span {
	color: #dcdcdc;
}

.lxqq {
	height: 108px;
	margin-bottom: 10px;
}

.footRight .title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}

.footRight-r .title {
	font-size: 18px;
	color: #fff;
	margin-bottom: 10px;
}

.footRight .title i {
	width: 14px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url(https://www.ybzhan.cn/images/index420/foot_ico.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
	margin-left: 10px;
}

.footRight-r {
	overflow: hidden;
	padding-left: 0px;
	box-sizing: border-box;
}

.footRight-r .title i {
	width: 14px;
	height: 10px;
	display: inline-block;
	vertical-align: middle;
	background: url(https://www.ybzhan.cn/images/index420/foot_ico.png) no-repeat;
	background-size: contain;
	margin-right: 10px;
	margin-left: 10px;
}

.footRight-r ul li {
	float: left;
	margin-right: 20px;
}

.footRight-r ul li:last-child {
	margin-right: 0;
}
.footRight-r ul li:nth-child(2n){
	margin-right: 0;
}

.footRight-r ul li .image {
	width: 125px;
	height: 125px;
	padding: 6px;
	box-sizing: border-box;
	background: #535353;
}

.footRight-r ul li p {
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #fff;
}

.footer {
	text-align: center;
	color: #dcdcdc;
	font-size: 12px;
	line-height: 25px;
	background: #222;
	padding: 10px 0;
}

.footer a {
	color: #dcdcdc;
}


.backHome{ width:54px; position: relative;}
.backHome a {
	width: 54px;
	height: 19px;
	display: block;
	float: left;
	background: #5b7648;
	text-align: center;
	font: normal 11px "Microsoft Yahei","simhei";
	color: #fff !important;
	padding: 35px 0px 0 0px;
	margin: 2px 0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	background: url(../images/index/rightBar.png) no-repeat 0 0;
	overflow: hidden;
	text-decoration: none;
}
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/index/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/index/rightBar.png) no-repeat 0px -57px; }
.backHome a.compare{ background:url(../images/index/comBar.png) no-repeat}
.backHome a.rightWx{ background:url(../images/index/rightBar.png) no-repeat 0px -228px; }
.backHome img{
    position: absolute;
    right: 65px;
    top: 190px;
    display: none;
}
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:552px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none;font:normal 11px "Microsoft Yahei","simhei"; }
.toTop a,.toTop a:hover{ display:block; width:54px; height: 19px; padding:35px 0px 0 0px; background:url(../images/index/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); color: #fff; text-decoration: none; text-align: center; }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:260px; display:block; right:10px; z-index: 99999; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }


.mobileBot {
	position: absolute;
	right: 80px;
	top: -1px;
	display: none;
	border: 1px solid #d1d1d1;
}
.mobileBot img{

	width:90px;
}
.weixin a.mobile {
    background: url(../../images/offer_bg.png) 0 0px no-repeat;
    padding: 0 0 0 16px;
    margin-left: 10px;
    color: #666;
    margin: 0 5px;
    display: inline-block;
    position: absolute;
    top: -29px;
    right: 96px;
}

.hot-line {
	width: 293px;
	height: 256px;
	padding-top: 10px;
	float: left;
	margin-left: 200px;
	color: #999;
}

.hot-line i {
	font-size: 66px;

}

.hot-line p {
	font-size: 14px;
	line-height: 28px;
}

.hot-line p a {
	display: inline-block;
	width: 18px;
	height: 21px;
	vertical-align: top;
	margin-top: 3px;
	background: url("https://www.chem17.com/images/Index/2019/main.png") no-repeat 100% -223px;
}

.hot-line span {
	display: block;
	font-size: 13px;
	line-height: 36px;
}

.hot-line>b {
	display: block;
	font-size: 30px;
	color: #fff;
	margin-top: 20px;
}

.qr-code {
	float: right;
	padding-top: 10px;
}

.qr-code li {
	float: left;
	padding: 0 0 0 40px;
}

.foot h2 {
	color: #999;
	font-size: 18px;
	height: 30px;
	font-weight: bold;
}

.foot h2 b {
	border-bottom: 3px solid #387ee8;
	height: 30px;
	display: inline-block;
}

.qr-code h2 {
	padding-left: 40px;
}

.qr-code ul {
	margin-top: 28px;
}

.qr-code li span {
	display: block;
	width: 144px;
	height: 144px;
	background-color: #fff;
}

.qr-code li span img {
	width: 100%;
	height: 100%;
}

.qr-code li p {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 16px;
}

.foot-nav p {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}

.foot-nav p a {
	color: #999;
}

.foot-nav p a img {
	margin-left: 8px;
}

.foot-nav p a:hover {
	color: #f90;
}

.foot-img {
	overflow: hidden;
	width: calc(100% + 20px);
	background: url('https://www.chem17.com/Images/Index/Version/2020/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin-top: 12px;
}

.foot-img li {
	width: 83px;
	height: 33px;
	float: left;
	margin-right: 8px;
}

.foot-img li a {
	display: block;
	height: 33px;
	color: #333;
	border-radius: 3px;
	overflow: hidden;
}
.foot-nav {
	width: 540px;
}
.foot-img li {
	width: 78px;
	height: 31px;
	margin-right: 7px;
}
.foot-img li a {
	height: 31px;
}
.hot-line {
	width: 235px;
	margin-left: 24px;
}
.qr-code li {
	padding: 0 0 0 30px;
}
.interview--hot ul li {
	margin-top: 12px;
}
.qr-code li span {
	width: 114px;
	height: 114px;
}
.qr-code h2 {
	padding-left: 30px;
}
.hot-line p {
	font-size: 13px;
}