@font-face {
  font-family: "iconfont_hf"; 
  src: url('../woff2/8ts7ix.woff2') format('woff2'),
       url('../woff/8ts7ix.woff') format('woff'),
       url('../ttf/8ts7ix.ttf') format('truetype');
}

.iconfont_hf {
  font-family: "iconfont_hf" !important;
  font-size: 1.6rem;
  vertical-align: top;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.footer{ background-color: #f2f2f2; margin: 0 auto 0; box-shadow: 0 0 6px rgba(0,0,0,.05); position: relative; z-index: 5;}
.out_links{ padding:1.6rem 0; position: relative; font-size: 1.4rem;}
.out_links>ul{ margin-right: -18px; *width: 100%;}
.out_links>ul>li p{ padding-left: 15px; line-height:4rem; border: 1px solid #e5e5e5; background-color: #ffffff; position: relative; cursor: pointer; transition: .3s all; z-index: 6;}
.out_links>ul>li p::before{ content: ''; position: absolute; right:13px; top:15px; transition: .3s all; width:10px; height: 6px; background: url(../png/7pw8t7.png) no-repeat;}
.out_links>ul>li ul{ display: none; position: absolute; left: 10px; right: 10px; z-index: 5; bottom:4rem; background-color:#ffffff; padding: 15px 20px 15px 30px; border: 1px solid #eeeeee;}
.out_links>ul>li ul li{ float: left; width:14.28571%; line-height: 30px;}
.website_info{ line-height:4rem; font-size: 1.4rem; padding-top:1.4rem; }
.website_info p em{ font-style: normal; margin: 0 8px;}
.website_info p img{ margin-right: 8px;}
.website_info p span{ margin-right:20px;}
.website_info p span:last-child{ margin-right: 0;}
.media_info h3{ font-size:1.4rem; line-height:4.2rem;}
.media_info li{ width: 50%; float: left; margin-bottom: 9px; position: relative; z-index: 4;}
.media_info li a{ display: block; margin-right: 6px; line-height:3.8rem; height:3.8rem; padding-left: 55px; background-color: #ebebeb; position: relative; font-size: 14px;}
.media_info li a:hover{ background-color: #1658a0; color: #ffffff;}
.media_info li a span{ width: 24px; height: 24px; line-height: 24px; position: absolute; top:7px; left: 17px; overflow: hidden; font-size: 24px; color: #666666;}
.media_info li:hover span{ color: #ffffff;}
.media_info li .ewm_tu{ position: absolute; right: 100%; top: 50%; transform: translateY(-50%); text-align: center; width: 126px; height: 126px; line-height: 126px; display: none; background-color: #ffffff;}
.media_info li:hover .ewm_tu{ display: block;}
.media_info li:hover{ z-index: 5;}
.error_img{ padding-top: 20px; text-align: right; margin: 0 -10px;}
.error_img span{ display: inline-block; line-height: 88px;}
.copyright_info{ border-top: 1px solid #e2e2e2; padding: 12px 0; margin-top: 22px; line-height: 26px; font-size: 14px;  text-align: center;}
.copyright_info p span{ margin: 0 12px;}

@media screen and (max-width: 992px) {
	.out_links{ text-align: center; line-height:1.5rem; font-size: 0;}
	.out_links .trt-col-ave-5{ width: auto; display: inline-block; padding: 0 1.6rem; float: inherit; font-size: 1.4rem; position: relative;}
	.out_links .trt-col-ave-5::before{ content: ''; position: absolute; right: 0; width: 1px; top: 50%; margin-top: -10px; height: 20px; background-color: #cccccc;}
	.out_links>ul>li p::before,.error_img,.media_info{ display: none;}
	.out_links>ul>li p{border: none;background-color: transparent;line-height:2.4rem;padding-left: 0;font-size: 1.4rem;}
	.website_info{ text-align: center;}
	.copyright_info p:last-child{ display: none;}
	.out_links>ul>li ul{ position: fixed; top:20px; bottom:20px; right: 20px; left: 20px; z-index: 999; overflow-y: auto; padding: 1.6rem;}
	.out_links>ul>li ul li{width: 100%;text-align: left;line-height: 4rem;border-bottom: 1px solid #eeeeee;font-size: 1.6rem;padding-left: 1.6rem;}
}