/* common css */
html, body {font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif; min-height: 100%; font-size: 13px; color: #2b2b2b; height: 100%; background: #fff;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; margin: 0;}
input {border: none;}
a, a:hover {text-decoration: none;}
img {border: none;}
.fl {float: left;}
.fr {float: right;}

/* clear float */
.fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fn-clear { zoom: 1; /* for IE6 IE7 */ }

.page-width {width: 1260px; margin: 0 auto;}

.header {height: 145px; box-sizing: border-box; padding: 38px 0 0;}
.header .logo {padding-left: 30px;}
.tr {text-align: right; padding-right: 30px;}
.tr h3 {font-size: 30px; font-weight: bold;}
.tr p {font-size: 18px; line-height: 1.6;}

.banner {background: url(../pic/banner.jpg) no-repeat 50% 0; height: 636px;}

.top {padding: 59px 0 36px; text-align: center;}
.pics {margin: 0; padding: 0;}
.pics li {float: left; width: 50%; padding-bottom: 12px; list-style: none;}
.btm {padding: 40px 0 80px; text-align: center;}

.footer {background: #eaeaea; padding: 40px 0; color: #656565;}
.footer-top {padding: 0 30px 50px; position: relative;}
.footer-top:after {content: ''; position: absolute; bottom: 0; border-bottom: 1px dashed #C0C0C0; width: calc(100% - 60px); left: 30px;}
.footer h4 {font-size: 26px; font-weight: normal; margin-bottom: 10px;}
.footer p {margin: 0; font-size: 16px; line-height: 1.6;}
.footer-btm {padding-top: 30px;}
.copyright {font-size: 20px; color: #808080; text-align: center; line-height: 2;}
.copyright span {display: block; font-size: 18px;}