html,body{padding:0; margin:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,img { margin: 0; padding: 0 ;font-weight: normal}
body, button, input, select, textarea label{font-family:"Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei"; outline:none; }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, em{ font-style: normal }
i{font-style: normal}
ul, ol, dl { list-style: none }
a { text-decoration: none !important; outline: none ;font-family:"Microsoft YaHei", 微软雅黑,\9ed1\4f53,\5b8b\4f53, "Microsoft JhengHei";cursor: pointer;}
img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
.fl{float: left}
.fr{float: right}
.clear{clear: both}
.clearFix:after{content: "";display: block;height: 0;clear: both;*zoom:1}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*超出部分省略号*/
.ellipsis2,.ellipsis3,.ellipsis4{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis2{-webkit-line-clamp:2}/*超出两行省略号*/
.ellipsis3{-webkit-line-clamp:3}/*超出三行省略号*/
.ellipsis4{-webkit-line-clamp:4}/*超出四行省略号*/
.inner{width: 1002px;margin: 0 auto}
.banner{height: 748px;background: url(../images/banner-bg_01.jpg) no-repeat center}
.bannerL{width: 530px;height: 350px;margin: 398px 35px 0 17px;background:#eee}
.bannerL p{position: absolute;width: 100%;padding: 0 20px;height: 40px;line-height: 40px;font-size: 18px;color: #fff;background: url(../images/zezao_03.png);left: 0;bottom: 0}
.bannerR{width: 379px;margin-top: 398px;margin-right: 20px}
.bannerR .list{height: 160px}
.bannerR .list01{border-bottom: 1px solid #c4c4c4}
.bannerR .list02{padding-top: 26px}
.bannerR .list h2{line-height: 36px;font-size: 22px;font-weight: bold;margin-bottom: 7px}
.bannerR .list h2 a{color: #333333}
.bannerR .list h2 a:hover{color: #16aad0}
.bannerR .list p{font-size: 16px;color: #333333;line-height: 30px;}
.title img{display: block;width: 100%;height: auto}
.interview{width: 967px;margin: 0 auto}
.interview ul{width: 990px}
.interview ul li{width: 234px;height: 209px;float: left;margin: 0 11px 42px 0;position: relative}
.interview ul li img.pic{display: block;width: 100%;height: 137px}
.interview ul li h3,.interview ul li h4{width: 180px;margin-left: 8px;height: 34px;line-height: 34px;font-size: 14px;color: #333}
.interview ul li h3{border-bottom: 1px solid #d9d9d9}
.interview ul li img.medal{position: absolute;top: 145px;right: 3px}
.attention{padding: 16px 0 55px}
.attentionL,.attentionR{width: 424px}
.attentionL{margin-left: 16px}
.attentionR{margin-right: 16px}
.attention h3{font-size: 22px;font-weight: bold;line-height: 38px;height: 38px;}
.attention h3 a{color: #333}
.attention h3 a:hover{color: #16aad0}
.attention p{font-size: 14px;color: #333;line-height: 30px;padding-bottom: 15px;border-bottom: 1px #c6c6c6 dashed}
.attention .list{display: block;width: 100%;box-sizing: border-box;padding-left: 25px;height: 40px;line-height: 40px;font-size: 14px;color: #333;background: url(../images/list-dian.png) no-repeat 4px center;border-bottom: 1px #c6c6c6 dashed}
.attention .list:hover{color: #16aad0}
.footer{height: 116px;border-top: 2px solid #16aad0;padding-top: 19px;box-sizing: border-box}
.footer p{text-align: center;line-height: 30px;font-size: 14px;color: #333333}