@charset "UTF-8";

body,div,dl,dt,dd,ul,li,p,h1,h2,h3,h4,h5,h6,form,input,button,ol,table{padding:0; margin:0;}
body{font: 14px/1.5 'Microsoft YaHei', sans-serif; color: #434343; background: #f5f5f5; position: relative;}
h1,h2,h3,h4,h5,h6{font-size:16px}
ul,ol,li{list-style:none;}
img{border:none;}
a{text-decoration:none; }
a:hover{text-decoration:none; }
.clearfix:before, .clearfix:after {content:"."; display: block; line-height:0; height: 0; visibility: hidden;}
.clearfix {zoom: 1;} 
.clearfix:after {clear: both;}
* html .clearfix {zoom: 1;} 
*:first-child+html .clearfix {zoom: 1;} 
*, :before, :after {/*box-sizing: inherit;*/ box-sizing: border-box;}

.hd{width: 1400px; margin: 0 auto;}

.flexbox{display: flex;display: -webkit-flex;}
.flex{display: flex;display: -webkit-flex;justify-content: space-between;} 
.flex-left{display: flex;display: -webkit-flex;justify-content: flex-start;}
.flex-center{display: flex;display: -webkit-flex;justify-content: center;} 
.flex-right{display: flex;display: -webkit-flex;justify-content: flex-end;}
.flex-column{flex-direction: column;} 
.flex-c-center{align-items: center;} 
.flex-wrap{flex-wrap: wrap;} 

.m-t-30{margin-top: 30px; margin-top:20px}


/* header */
.header{width: 100%; height:460px; overflow: hidden; background: url('../images/header-bg.jpg') center 0 no-repeat; background-size: auto 100%; position: relative;}
.header-bg{width: 100%; height:100px; background: rgba(0,0,0,.3); padding:20px 0}
.logo{text-indent: -999999px; background: url('../images/logo.png') 0 0 no-repeat; width:345px; height:60px; background-size: auto 60px; overflow: hidden;}
.logo a{display: block; height:60px}

.nav li{margin-left:28px; position: relative;}
.nav li h3{font-size:18px; position:relative; line-height: 35px; font-weight: normal;}
.nav li h3 a{color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);}
.nav li h3 a:hover{font-weight: 600;}


.sub{opacity: 0; visibility:hidden; width: 120px; position: absolute; top:30px; left:50%; transform: translateX(-50%) scaleY(0); transition: 0.4s all; transform-origin: top; padding-top: 20px; z-index: 999}
.sublist{text-align:center; position:relative; background:#fff; padding-bottom: 4px; border-top:2px solid #a30000;}
.sublist::after{content: ""; width: 2px; height: 20px; display: block; background: #a30000; position: absolute; left: 50%; top:-20px;transform: translateX(-50%);}
.sublist li{margin:0; height:auto; line-height: auto;}
.sublist li a{display: block; text-shadow: none; color: #434343; padding:5px; line-height: 32px; margin-bottom:1px; font-size: 16px;}
.sublist li a:hover{background: #003672; color: #fff; font-weight: normal;}

.nav li:hover .sub{opacity: 1; transform: translateX(-50%) scaleY(1); visibility: inherit;}

/* footer */
.footer{margin-top:50px; background: url('../images/footer_1x.png') 0 0 no-repeat; padding-top:140px}
.footer h3{font-size: 24px; font-weight: bold; color: #fff; margin-bottom: 15px;}
.footer h3:after{content: ''; display: block; width: 24px; height: 5px; background: rgba(255,255,255,.6); margin-top: 10px;}
.footer .link ul li{line-height: 30px;}
.footer .link ul li a{font-size: 14px; color: #fff;}
.footer .logo2{height:140px; align-self: center;}
.footer .logo2 img{height:100%}
.footer .contactus p{line-height: 30px; font-size: 14px; color: #fff;}
.copyright{border-top: 1px solid rgba(255, 255, 255, .4); text-align: center; padding:16px 0; margin-top: 30px;}
.copyright p, .copyright p a{font-size: 14px; color: #fff; line-height: 26px;}

/* 列表页 */
.main{position: relative; z-index: 2; margin-top:-140px}
.content-hd{background: #fff; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,.1); padding:30px 30px 15px}
.title1{font-size: 24px; font-weight: bold; padding-left:40px; position: relative; margin-bottom:30px}
.title1:after{content:''; display: block; width: 27px; height: 30px; background: url('../images/icon01.svg') 0 0 no-repeat; position: absolute; left:0; top:3px; background-size: auto 100%;}
.cont-title{padding-left: 36px; position: relative; margin:10px 0 15px; font-weight: 600; font-size: 18px; line-height: 22px;}
.icon-wl, .icon-gx, .icon-yq{display: block; width: 21px; height: 24px; overflow: hidden; position: absolute; left:0; top:0}
.icon-wl{background: url('../images/icon-wl.svg') 0 0 no-repeat; background-size: auto 100%;}
.icon-gx{background: url('../images/icon-gx.svg') 0 0 no-repeat; background-size: auto 100%;}
.icon-yq{background: url('../images/icon-yq.svg') 0 0 no-repeat; background-size: auto 100%;}

.rukou{margin-bottom:15px;width: 660px; height: 148px; display: block; }
.rukou .list-box{border: 1px solid #e1e1e1; border-radius: 8px; padding:15px; position: relative; width: 660px; height: 148px; overflow: hidden;}
.rukou .list-box .img{width: 118px; height: 118px; border: 1px solid #e1e1e1; border-radius: 4px; display: flex; justify-content: center; align-items: center;}
.rukou .list-box .img img{max-width: 100%; height:auto}
.rukou .list-box .text{width: 487px;}
.rukou .list-box .text h3{font-size: 20px; line-height: 20px; padding-bottom:15px; position: relative; color: #434343;}
.rukou .list-box .text h3:after{content:''; display: block; width: 14px; height: 14px; background: url('../images/icon-jt.svg') 0 0 no-repeat; position: absolute; right:0; top:0}
.rukou .list-box .text .tip{display: inline-block; height:24px; padding: 0 5px; background: #003672; font-size: 14px; color: #fff; border-radius: 2px; }
.rukou .list-box .text p{color: #999; line-height: 24px; padding-top:10px; height:54px; overflow: hidden; text-overflow: ellipsis;}

.rukou:hover .list-box{box-shadow: 0 0 10px 0 rgba(0,54,114,.3);}
.rukou:hover .list-box .text h3{color: #003672;}

/* 详情页 */

.story .content-hd{background: none; padding:0; border-radius: 0; box-shadow: none;}
.story-box{background: #fff; padding:30px; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);}
.story-title h2{font-size: 24px; font-weight: bold; padding-left:40px; position: relative;}
.story-title h2 span{display: inline-block; width: 27px; height: 30px; position: absolute; left:0; top: 3px}
.story-title h2 span.s-icon-gx{background: url('../images/icon-gx.svg') 0 0 no-repeat; background-size: auto 100%;}
.story-title h2 span.s-icon-wl{background: url('../images/icon-wl.svg') 0 0 no-repeat; background-size: auto 100%;}
.story-title h2 span.s-icon-yq{background: url('../images/icon-yq.svg') 0 0 no-repeat; background-size: auto 100%;}
.story-title ul li{float: left; padding:0 20px; border-left: 1px solid #E1E1E1; font-weight: bold;}
.story-title ul li:first-child{border:none; padding-left: 0;}
.story-title ul li:last-child{padding-right: 0;}
.story-title ul li span{font-weight: normal; color: #999;}
/* .team-info ul li span{display: inline-block; width: 155px;} */
.team-info{margin-top:20px}
.team-info table{width: 100%; border-collapse: collapse;}
.team-info table td{border: 1px solid #e1e1e1; text-align: left; padding:10px; line-height: 26px;}
.team-info table td:last-child{border-left:none}
.team-info table td:first-child{border-right:none;}

/* 新增 */
.team-info table td{position: relative;}
.team-info table tr td:nth-child(2){padding-left:20px}
.team-info table tr td:nth-child(2):after{content: ''; position: absolute; left:0; top:10px; bottom:10px; width: 1px; background: #e1e1e1;}

.team-leader-img{width: 159px; height: 212px; position: relative;}
.team-leader-img img{width: 100%;}
.team-leader-img span{display: block; width: 70px; height: 32px; background: url('../images/tig-bg.png') 0 0 no-repeat; background-size:100% auto; text-align: center; color: #fff; padding-top:2px; position: absolute; right:-5px; top:10px}
.team-leader-info{width: 1145px; overflow: hidden;}
.team-leader-info h3{font-size: 24px; line-height: 32px; font-weight: bold; margin-bottom: 20px;}
.team-leader-info ul li{float: left; padding:0 20px; border-left:1px solid #e1e1e1;}
.team-leader-info ul li:first-child{padding-left: 0; border:none}
.team-leader-info ul li:last-child{padding-right: 0;}
.team-leader-info ul li span{font-size: 14px; padding-bottom: 5px; color: #434343; font-weight: bold; display: block;}
.team-leader-info ul li p{color: #999;}
.team-leader-info .gain{margin-top: 20px;}
.team-leader-info .gain h4{font-size: 18px; font-weight: bold; padding-bottom: 12px;}
.team-leader-info .gain p{line-height: 24px;}

.pd0{padding: 0;}

.story-box .title{font-size: 18px; line-height: 18px; font-weight: bold;  position: relative; padding: 30px 0 0 46px;}
.story-box .title:after{content: ''; display: block; width: 4px; height: 18px; background: #003672; position: absolute; left:30px; top:30px; border-radius: 2px;}
.gainbox h5{font-size: 16px; font-weight: bold; padding: 30px 30px 15px;}
.gainbox table{width: 100%; border-collapse: collapse;}
.gainbox table tr:nth-child(odd){background: #F4F7FD;}
.gainbox table tr:last-child{border-bottom: 1px solid #F4F7FD}
.gainbox table th, .gainbox table td{text-align: left; padding: 10px 0 10px 30px;}
.gainbox table tr th:last-child, .gainbox table tr td:last-child{padding-right: 30px;}


.all-team{padding:0 30px 30px}
.team-list{display: block; width: 655px; height: 170px; margin-top:30px}
.all-team-list{width: 655px; height: 170px; overflow: hidden; border:1px solid #e1e1e1; border-radius: 5px; color: #434343; }



.team-img{width: 170px; height: 170px; overflow: hidden; border-right: 1px solid #e1e1e1; border-radius: 5px 0 0 5px; display: flex
; justify-content: center; align-items: center;}
.team-img span.imgbox{border-radius: 130px; display: block; width: 130px; height:130px; overflow: hidden;}
/* .team-img img{max-height: 100%;} */
.team-img img{max-width: 100%;}
.team-cont{padding: 20px; width: 483px;}
.name{font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.name span{display: inline-block; height: 16px; font-size: 14px; line-height: 16px; padding:0 3px; color: #fff; font-weight: normal; border-radius: 2px; margin-left: 2px;}
.name .blue{background: #003672;}
.name .green{background: #04C994;}
.team-cont ul li{float: left; height: 24px; border: 1px solid #e1e1e1; padding: 0 5px; font-size: 14px; border-radius: 2px; margin-right:10px; margin-bottom: 8px; max-width: 211px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.team-cont ul li:last-child{margin-right: 0;}
.team-cont ul li span{color: #999;}

.team-list:hover .all-team-list{box-shadow: 0 0 10px 0 rgba(0,54,114,.3);}
.team-list:hover .name{color: #003672;}


/* nav2 */
.nav2{height: 50px; background: #003672; padding-top: 7px; position: fixed; left:0; top: 0; right:0; z-index: 999;}

/* go back */
.back{position: fixed; right:10px; bottom:30px; width: 42px; height: 42px; z-index: 999; border: 1px solid #e1e1e1; border-radius: 5px; text-align: center; line-height: 16px; font-size: 12px; background: #fff; }
.back a{display: block; width: 100%; height:100%; color: #003672; padding-top: 5px;}
.back:hover{border: 1px solid #003672;}
.back:hover a{background: #003672; color: #fff;}