html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, ol, ul, li, time{ margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
body { font: 12px/1.8 "microsoft yahei",helvetica,Georgia, sans-serif; margin: 0 auto; color: #989898; background: #fff; }
#main ul li .txt .title, #main ul li .title1, .list_honor li a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
img { border: 0; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fff { background-color: #fff; }
#tiles { list-style-type: none; position: relative; /** Needed to ensure items are laid out relative to this container **/ margin: 0; padding: 0; }
#tiles li { width: 390px; display: none; /** Hide items initially to avoid a flicker effect **/ cursor: pointer; }
#tiles li.inactive { visibility: hidden; opacity: 0; }
#tiles li img { display: block; }
#tiles li { -webkit-box-sizing: border-box; box-sizing: border-box; }
#tiles li img { width: 100%; height: auto; }
#main { margin: 24px 0; position: relative; }
#main ul li { overflow: hidden; }
#main ul li a { display: block; position: relative; }
#main ul li a:before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(404.png) repeat-x center bottom; content: ""; }
#main ul li a:after { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0, 0, 0, 0.5); content: ""; opacity: 0; visibility: hidden; }
#main ul li .txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 0 7.53%; z-index: 2; }
#main ul li .txt .txt_wrap { height: 0; -webkit-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; }
#main ul li .txt .title { height: 30px; margin-bottom: 15px; line-height: 30px; font-size: 24px; color: #fff; }
#main ul li .txt .detail { padding-top: 6px; margin-bottom: 45px; font-size: 14px; color: #ffffff; line-height: 24px; height: 46px; overflow: hidden; }
#main ul li .txt .more { margin-bottom: 40px; width: 110px; height: 36px; line-height: 36px; text-align: center; background: #134ec3; border-radius: 17px; font-size: 14px; color: #fff; }
.load_more { display: block; width: 176px; height: 46px; line-height: 46px; text-align: center; border: 2px solid #134ec3; margin: 40px auto 0; font-size: 14px; color: #1a1a1a; border-radius: 25px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
.load_more:hover { background: #134ec3; color: #fff; }
#main ul li a:hover:before { opacity: 0; visibility: hidden; }
#main ul li a:hover:after { opacity: 1; visibility: visible; }
#main ul li a:hover .txt_wrap { -webkit-transform: translateY(0); transform: translateY(0); height: auto; opacity: 1; visibility: visible; }
#main ul li .title1 { position: absolute; left: 0; bottom: 0; padding: 0 7.53%; height: 30px; margin-bottom: 15px; line-height: 30px; font-size: 20px; color: #fff; z-index: 2; }
#main ul li a:hover .title1 { opacity: 0; visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); }
#main ul li .txt .more:hover { background: #fff; color: #134ec3; }
.column_width { width: 1200px; margin: 0px auto; }
.column_banner { position: relative; overflow: hidden; width: 100%; background-position: center top; background-size: cover; }
.column_banner img.bg { width: 100%; display: block; }
.column_banner .txt { position: absolute; left: 50%; margin-left: -575px; width: 1200px; top: 35%; color: #fff; }
.column_banner .txt p { position: relative; transition: 500ms; position: relative; opacity: 0; top: 50px; }
.no-csstransitions .column_banner .txt p { display: none; }
.column_banner .txt .zh { font: bold 34px/1.8 "新宋体","宋体"; }
.column_banner .txt .en { font: bold 42px/1.6 "didot","times new roman"; text-transform: uppercase; margin-bottom: 6px; }
.column_banner .txt .by { font:italic 14px/1.2 "didot","times new roman"; }
.column_nav { padding: 40px 0px 36px; }
.column_nav .zh { font: 30px/1.8 "microsoft yahei"; color: #545454; padding-right: 20px; }
.column_nav .en { font: 24px/1.8 arial; text-transform: uppercase; color: #cdcdcd; }
.column_nav_list { float: right; display: block; position: relative; padding-top: 18px; }
.column_nav_list a { display: block; background: url("../image/ico.png") no-repeat -116px -24px; color: #6f7376; width: 84px; margin-left: 15px; height: 26px; line-height: 26px; text-align: center; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; float: left; display: block; }
.column_nav_list a:hover, .column_nav_list a.act { background-position: 0px -24px; color: #fff; }
.column_business { padding-bottom: 54px; }
.column_business_title { line-height: 40px; margin-bottom: 20px; text-align: center; font-size: 34px; color: #1a1a1a; }
.column_business_txt { font-size: 14px; color: #666666; line-height: 24px; text-align: center; width: 72.5%; margin: 0 auto; }
.column_business_con { border: 1px solid #e6e6e6; margin-bottom: 60px; }
.column_business_con .zz_top { background: #3672d3; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; }
.column_business_con .zz_top li { float: left; }
.column_business_con .w1 { padding-left: 4.83%; width: 30%; }
.column_business_con .w2 { width: 30%; }
.column_business_con .w3 { padding-right: 4.83%;width: 30%; }
.business_list .business_list_ul li .txt h3, .business_list .business_list_ul li .txt h5, #main ul li a:before, #main ul li a:after, #main ul li .txt, #main ul li .txt .txt_wrap, #main ul li .txt .title, #main ul li .txt .detail, #main ul li .txt .more, #main ul li .title1 { transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; }
.business_list .business_list_ul li .img em{ position: absolute; left: 0; width: 100%; top: 0; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.business_list { padding-bottom: 30px; padding-top: 16px; }
.business_list .business_list_ul li { float: left; width: 32.08%; margin-right: 1.88%; margin-bottom: 30px; }
.business_list .business_list_ul li a { display: block; }
.business_list .business_list_ul li a:hover .img em { -webkit-transform: scale(1.05); transform: scale(1.05); }
.business_list .business_list_ul li a:hover .txt h3 { color: #133984; }
.business_list .business_list_ul li .img { position: relative; width: 100%; height: 0; padding-bottom: 72.73%; overflow: hidden; }
.business_list .business_list_ul li .txt { background: #ebebeb; height: 163px; padding: 27px 7.53% 0; }
.business_list .business_list_ul li .txt h3 { font-size: 18px; color: #1a1a1a; line-height: 24px; height: 24px; margin-bottom: 18px; }
.business_list .business_list_ul li .txt h4 { font-size: 14px; color: #4c4c4c; font-weight: 300; line-height: 25px; max-height: 50px; overflow: hidden; margin-bottom: 16px; }
.business_list .business_list_ul li .txt h5 { font-size: 14px; color: #1a1a1a; display: inline-block; line-height: 24px; border-bottom: 1px solid #333333; }
.business_list .business_list_ul li .txt h5:hover { color: #133984; border-color: #133984; }
.business_list .business_list_ul li:nth-child(3n) { margin-right: 0; }
@media screen and (max-width:1440px) {
.column_banner { height: 500px; }
.column_banner img.bg { display: none; }
}
@media screen and (max-width:1240px) {
.column_width { width: 1000px; }
.column_banner .txt { width: 1000px; margin-left: -500px; }
}
@media screen and (max-width:1024px) {
.column_width { width: 90%; }
.column_banner { height: 400px; }
.column_banner .txt { width: 90%; left: 5%; margin-left: 0px; }
.column_banner .txt .en { font-size: 38px; }
.column_nav .zh { font-size: 28px; }
.column_nav .en { font-size: 32px; }
}
@media only screen and (max-width: 991px) {
.column_business { padding-bottom: 30px; }
#main ul li .txt .detail { display: none; }
.business_list .business_list_ul li { width: 48%; margin-right: 4%; }
.business_list .business_list_ul li:nth-child(3n) { margin-right: 4%; }
.business_list .business_list_ul li:nth-child(2n) { margin-right: 0%; }
.business_list { padding-bottom: 0; }
.column_business_con .w1 { width: 45% !important; padding-left: 5% !important; }
.column_business_con .w2 { width: 25% !important; text-align: center; }
.column_business_con .w3 { width: 25% !important; text-align: center; }
}
@media screen and (max-width:861px) {
.column_banner .txt .en { font-size: 35px; }
.column_nav .zh { font-size: 25px; }
.column_nav .en { font-size: 28px; }
.column_nav_list { float: none; }
.column_nav_list a { margin: 0px 15px 0px 0px; }
}
@media screen and (max-width:641px) {
.column_banner .txt .en { font-size: 30px; }
.column_nav .zh { font-size: 20px; display: block; }
.column_nav .en { font-size: 24px; }
}
@media screen and (max-width:481px) {
.column_banner .txt .en { font-size: 29px; line-height: 1.2; padding: 5px 0px; }
.column_nav_list a { margin: 0px 8px 0px 0px; }
.business_list .business_list_ul li { width: 100%; margin-right: 0% !important; }
}