@charset "UTF-8";

html { min-width: 1200px; }

.container { width: 1200px; margin: 0 auto; }

.tt1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }


/* 费县优化营商环境 */
.fx-header { padding: 92px 0; background-image: url(../images/fxzt_bg.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; background-size: cover; }
.fx-header .logo img { vertical-align: top; }
.fx-header .logo2 { font-size: 46px; font-weight: 500; line-height: 80px; color: #fff; text-align: left; }

.fx-section { padding: 0 0 40px; }
.fx-section .column1 { margin: 35px 0 30px; border-bottom: 1px solid #1657c8; }
.fx-section .column1 h3 { display: inline-block; vertical-align: top; padding: 0 28px 0 14px; font-size: 24px; font-weight: 700; line-height: 52px; color: #fff; text-align: left; background: #1657c8; border-top-right-radius: 26px; border-bottom-right-radius: 26px; }
.fx-section .column1 h3::before { display: inline-block; vertical-align: top; content: ""; width: 3px; height: 26px; margin: 13px 10px 0 0; background: #fff; }
.fx-section .column2 { position: relative; }
.fx-section .column2 h3 { position: relative; z-index: 2; display: inline-block; padding: 0 5px 0 0; font-size: 22px; font-weight: 700; line-height: 35px; color: #1657c8; text-align: left; background: #fff; }
.fx-section .column2 h3::before { display: inline-block; content: ""; width: 0; height: 0; margin: 0 0 -1px; border-top: 10px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid transparent; border-left: 12px solid #afd7ee; }
.fx-section .column2 .more { float: right; position: relative; z-index: 2; padding: 0 0 0 5px; font-size: 14px; font-weight: 500; line-height: 35px; color: #999; text-align: left; background: #fff; }
.fx-section .column2 .more:hover { color: #1657c8; }
.fx-section .column2::after { position: absolute; top: 50%; right: auto; bottom: auto; left: 0; z-index: 1; content: ""; width: 100%; height: 1px; background: #e5e5e5; }
.fx-section .card { width: 580px; min-height: 319px; margin: 0 0 25px; }
.fx-section .img-link { font-size: 0; margin: 0 -20px; }
.fx-section .img-link > li { display: inline-block; vertical-align: top; width: 50%; padding: 0 20px; box-sizing: border-box; }
.fx-section .img-link a { display: block; position: relative; overflow: hidden;  }
.fx-section .img-link a::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: -80%; z-index: 1; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); }
.fx-section .img-link a:hover::before { left: 130%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }
.fx-section .img-link img { max-width: 100%; height: 140px; vertical-align: top; }
.fx-section .img-link2 { width: 100%; }
.fx-section .img-link2 img { max-width: 100%; vertical-align: top; }
.fx-section .img-link2 a { display: block; position: relative; overflow: hidden; }
.fx-section .img-link2 a::before { display: block; content: ""; box-sizing: border-box; position: absolute; top: 0; right: auto; bottom: auto; left: -80%; z-index: 1; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%); -webkit-transform: skewX(-25deg); -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -o-transform: skewX(-25deg); transform: skewX(-25deg); }
.fx-section .img-link2 a:hover::before { left: 130%; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; }

.fx-list { margin: 5px 0 0; }
.fx-list li { border-bottom: 1px dashed #ddd; }
.fx-list li:last-child { border: none; }
.fx-list .title { display: block; font-size: 16px; font-weight: 500; line-height: 55px; color: #000; text-align: left; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.fx-list .title::before { display: inline-block; content: ""; width: 8px; height: 8px; margin: 0 7px 1px 0; background: #c7d2d8; border-radius: 50%; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; }
.fx-list .title:hover { -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); color: #1657c8; }
.fx-list .title:hover::before { background: #1657c8; }