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; }
.fix { *zoom:1; *clear:both;}
.firefox .wrap{margin: 0 auto;}
.fix:before, .fix:after {display:table; clear:both; content:'';}
.fff { background-color: #fff; }
.gray{ color: #333}
.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; }
.contact_con{ min-height:400px; padding:50px 0;}
.contact{  background:#f1f1f1;}
.contact .img{float: left;width: 55%;border-left-color: #fff;}
.contact .text{float: left;padding-top: 60px;padding-right: 40px;padding-bottom: 40px;}
.contact .h3{ font-size:20px; color:#000; margin-bottom:20px; padding-left:38px;}
.contact .p{}
.contact .p span{ display:block;  line-height:2; position:relative; padding-left:38px; margin-bottom:15px;}
.contact .p i{ font-size:26px; height:30px; line-height:30px; color:#ccc; position:absolute; left:0px; top:0px;}
@media screen and (max-width:1440px) {
.column_banner { height: 500px; }
.column_banner img.bg { display: none; }
.wp{ width:1200px;}
.contact .h3{ font-size:18px;}
.contact .text{ padding:60px 30px 40px 30px;}
}
@media screen and (max-width:1240px) {
.column_width { width: 1000px; }
.column_banner .txt { width: 1000px; margin-left: -500px; }
.wp{ width:1000px;}
.contact .img{ width:60%; border-left:1px solid #fff;}
.contact .text{ padding:50px 20px 0 20px;}
}
@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; }
.wp{ margin:0 20px; width:auto; line-height: 24px}
.contact .img{ width:auto; float:none;}
.contact .text{ padding:30px; margin:0px;}
.contact .h3{ font-size:16px;}

.contact .h3{ margin-bottom:10px;}
.contact .p span{ margin-bottom:10px;}
}
@media ( max-width:998px){
}
@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 15px 0px; }
}
@media ( max-width:640px){
.column_banner .txt .en { font-size: 30px; }
.column_nav .zh { font-size: 20px; display: block; }
.column_nav .en { font-size: 24px; }
.contact_con{ padding:30px 0;}
.contact .text{ padding:20px;}
}
@media ( max-width:480px){
.column_banner .txt .en { font-size: 29px; line-height: 1.2; padding: 5px 0px; }
.column_nav_list a { margin: 0px 8px 8px 0px; }
.contact_con{ min-height:220px;}
.contact .text{ padding:20px;}
}
@media screen and (max-width:320px){
.contact_con{ padding:10px 0;}
.contact .text{ padding:10px;}
.wp{ margin:0 10px;}
}