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; }
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; }
.col-xs-6 {float: left;}
.col-xs-6 {width: 20%;}
.col-xs-6, .col-md-6 {position: relative;min-height: 1px;padding-right: 15px;padding-left: 15px;}
.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_case { padding-bottom: 54px; }
.tab{ color: #337ab7; cursor: pointer; background: #eeeeee; height: 43px; text-align: center; border: #e1e1e1 solid 1px; line-height: 43px}
.tab:hover{ background: #fff}
.active:hover{ background: url("../image/tab_bg.jpg");}
.active{ border: #00a0e9 solid 1px; font-weight: bold; background: url("../image/tab_bg.jpg");height: 43px; line-height: 43px; text-align: center; color: #fff}
.tabt{ cursor: pointer; margin-bottom: 35px}
.borl{ border-radius: 4px 0 0 4px;}
.borr{ border-radius: 0 4px 4px 0;}
.case_list .case_list_ul li .txt h3, .case_list .case_list_ul li .txt h5 { 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; }
.case_list .case_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; }
.case_list { padding-bottom: 30px; padding-top: 16px; }
.case_list .case_list_ul li { float: left; width: 32.08%; margin-right: 1.88%; margin-bottom: 30px; }
.case_list .case_list_ul li a { display: block; }
.case_list .case_list_ul li a:hover .img em { -webkit-transform: scale(1.05); transform: scale(1.05); }
.case_list .case_list_ul li a:hover .txt h3 { color: #133984; }
.case_list .case_list_ul li .img { position: relative; width: 100%; height: 0; padding-bottom: 72.73%; overflow: hidden; }
.case_list .case_list_ul li .txt { background: #ebebeb; height: 163px; padding: 27px 7.53% 0; }
.case_list .case_list_ul li .txt h3 { font-size: 18px; color: #1a1a1a; line-height: 24px; height: 24px; margin-bottom: 18px; }
.case_list .case_list_ul li .txt h4 { font-size: 14px; color: #4c4c4c; font-weight: 300; line-height: 25px; max-height: 50px; overflow: hidden; margin-bottom: 16px; }
.case_list .case_list_ul li .txt h5 { font-size: 14px; color: #1a1a1a; display: inline-block; line-height: 24px; border-bottom: 1px solid #333333; }
.case_list .case_list_ul li .txt h5:hover { color: #133984; border-color: #133984; }
.case_list .case_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; }
.case_list .case_list_ul li { width: 48%; margin-right: 4%; }
.case_list .case_list_ul li:nth-child(3n) { margin-right: 4%; }
.case_list .case_list_ul li:nth-child(2n) { margin-right: 0%; }
.case_list { padding-bottom: 0; }
}
@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; }
.case_list .case_list_ul li { width: 100%; margin-right: 0% !important; }
}