﻿@font-face {
  font-family: "iconfont_hf"; /* Project id 2749620 */
  src: url('iconfont_hf.woff2') format('woff2'),
       url('iconfont_hf.woff') format('woff'),
       url('iconfont_hf.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;
}

.icon-yidongAPP:before {
  content: "\e689";
}

.icon-youxiang:before {
  content: "\e604";
}

.icon-qrcode-1-copy:before {
  content: "\e613";
}

.icon-weibo:before {
  content: "\e683";
}

.icon-weixin1:before {
  content: "\e693";
}

.icon-sousuo:before {
  content: "\e62f";
}

.icon-minzhengtong:before {
  content: "\e607";
}

.icon-ishamen:before {
  content: "\e611";
}

.icon-laoren:before {
  content: "\e63a";
}

.icon-canjirentongdao:before {
  content: "\e60b";
}

.footer{ background-color: #f2f2f2; margin: 3.2rem 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>li p{ padding-left:1.6rem; 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(21_header_arr2.png) no-repeat;}
.out_links>ul>li>div{ display: none; position: absolute; left: 1rem; right: 10px; z-index: 5; bottom:4rem; background-color:#ffffff; padding: 1.6rem 2rem 1.6rem 3rem; border: 1px solid #eeeeee;}
.out_links>ul>li ul li{ line-height: 3rem;}
.website_info{ line-height:4rem; font-size: 1.4rem; padding-top:1.4rem; }
.website_info p em{ font-style: normal; margin: 0 .8rem;}
.website_info p img{ margin-right: .8rem;}
.website_info p span{ margin-right: 2rem;}
.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:1rem; position: relative; z-index: 4;}
.media_info li a{ display: block; margin-right:.8rem; line-height:3.8rem; height:3.8rem; padding-left:5.6rem; background-color: #ebebeb; position: relative; font-size:1.4rem;}
.media_info li a:hover{ background-color: #1658a0; color: #ffffff;}
.media_info li a span{ width: 2.4rem; height: 2.4rem; line-height: 2.4rem; position: absolute; top:7px; left: 17px; overflow: hidden; font-size:2.4rem; 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: 12.6rem; height: 12.6rem; line-height: 12.6rem; display: none; background-color: #ffffff;}
.media_info li:hover .ewm_tu{ display: block;}
.media_info li:hover{ z-index: 5;}
.error_img{ padding-top: 2rem; text-align: right; margin: 0 -1rem;}
.error_img span{ display: inline-block; line-height: 8.8rem;}
.copyright_info{ border-top: 1px solid #e2e2e2; padding: 1.2rem 0; margin-top: 2.4rem; line-height: 2.4rem; font-size: 1.4rem; text-align: center;}
.copyright_info p span{ margin: 0 1.2rem;}

@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;}
	.website_info{ text-align: center;}
	.copyright_info p:last-child{ display: none;}
	.out_links>ul>li div{ position: fixed; top:0rem; bottom:0rem; right: 0rem; left:0rem; z-index: 998; background-color: rgba(0,0,0,.7);}
	.out_links>ul>li div ul{ position: fixed; top:2rem; bottom:2rem; right: 2rem; left: 2rem; z-index: 999; overflow-y: auto; padding: 1.6rem; background-color: #ffffff;}
	.out_links>ul>li ul li{ width: 100%; text-align: left; line-height: 4rem; border-bottom: 1px solid #eeeeee;}
	.website_info p span{ margin-right: 1rem;}
}