
body{ background: #eaf2f5;}
.topsearch{ width: 1200px; margin:25px auto 0 auto; background: #fff; height: 150px;}
.searchleft{ width: 295px; color:#3fbab8; font-size: 40px; float: left; text-align: center; padding-top: 46px;}
.searchright{ width: 882px; float: left; padding-top: 46px;}
.ttsearch{ height: 50px;}
.ttsearchleft{ border: #3fbbb9 solid 1px; height: 50px; width: 626px; border-radius: 25px;  float: left;}
.ttsearchinput{ height: 47px; width: 418px; border: none; outline: none; border-radius: 25px; float: left; padding-left: 18px; }
.ttsearchleft a{ font-size: 18px;  width: 100px; float: right; text-align: center; line-height: 50px; border-radius: 25px; height: 50px; background: #3fbab8; color:#fff;}
a.reset{ font-size: 18px; margin-left: 20px; margin-top: 12px; color:#333; float: left;}
a.reset:hover{ color: #f90;}
.ttsearcbot{ height: 30px; margin-top: 10px;}
.ttsearcbot span{ display: block; float: left; line-height: 28px;}
.ttsearcbot a{ height: 30px; margin-left: 10px; display: block; float: left; padding: 0 14px; background: #f3f8fb;   line-height: 28px; font-size: 14px; color:#555; border-radius: 15px;}
.ttsearcbot a:hover{ background: #3fbab8;color:#fff;}
.keywordleft{ border-right: #3fbab8 solid 1px; width: 100px; padding-right: 5px; position: relative; float: left;     height: 47px;
    line-height: 47px;
    text-align: center;}
.keywordleft span{ width: 70px; text-align: center; cursor: pointer;}
.teambox{ width: 1200px; margin: 15px auto 30px auto; background: #ffffff; padding-left: 8px;}
.teamlist{ overflow: hidden;}
.teamlistitem{ width: 185px; height: 304px; float: left; margin: 0 26px 15px 26px;}
.teamlistitem a{ display: block;}
.teamlistitem a i{ display: block;width: 185px; height: 247px; overflow: hidden;}
.teamlistitem a i img{ display: block; transition: all 0.3s; width: 100%; object-fit: cover;}
.teamlistitem a:hover i img{ transform: scale(1.03,1.02);}
.teamlistitem a p{ display: block; text-align: center; margin-top: 5px; font-size: 16px; color: #555; line-height: 24px;}
.teamlistitem a em{ display: block; text-align: center; font-size: 13px; color: #999999;}

.page{ text-align: center; padding-bottom: 60px;}

.showbox{ overflow: hidden; padding: 25px 15px 15px 10px;}
.teamleft{ float: left; width: 360px;}
.teamright{ float: right; width: 780px;}
.showimg img{ display: block; width: 100%;}
.showtop strong{ font-size: 22px;}
.showtop em{ font-size: 13px; margin-left: 8px; color: #999999;}
.showmessage{ overflow: hidden; margin-top: 15px;}
.messageitem{ width: 47.8%; border-bottom: #f0f0f0 solid 1px; padding: 10px 5px;}
.messageitem em{ color: #999999;display: inline-block; vertical-align: middle;}
.messageitem p{ color: #333333; display: inline-block; vertical-align: middle;}
.messageitem:nth-child(odd){ float: left;}
.messageitem:nth-child(even){ float: right;}
.showinfo{ line-height: 160%; margin: 24px 0; color: #666666;}
.infotitle{ font-size: 18px; color: #333333; font-weight: bold;}
.infocont{ margin-top: 15px; margin-bottom: 20px;}
.infocont ul{ display: block; padding: 0 0px 0 20px;}
.infocont ul li{    list-style: disc; margin-bottom: 8px;}



