/*全局*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; z-index: 1; } 
body { min-width: 1600px; overflow: auto; margin: 0 auto; background-color: #fff; font-family:"微软雅黑"; font-size:16px; color:#282727; position: relative; } 
ul,li { list-style:none; margin:0; padding:0; } 
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; } 
img { border:none; border:0; vertical-align:middle; max-width: 100%; max-height: 100%; } 
a { text-decoration:none; outline:none; color:#313131; font-size: 16px; } 
p { margin:0; padding:0; } 
i,em { font-style:normal; } 
.cl:after,.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.cl,.clearfix { *zoom:1; } 
.fl { float:left; } 
.fr { float:right; } 

.w1200 { width: 1200px; margin: 0 auto; } 
.w1230 { width: 1230px; margin: 0 auto; } 
.w1400 { width: 1400px; margin: 0 auto; } 
.w1600 { width: 1600px; margin: 0 auto; } 

.w1h { width: 100%; margin: 0 auto; } 
.h1h { height: 100%; } 
.mh300 { min-height: 300px; } 

.pdtb40 { padding: 40px 0; } 
.pdt45 { padding-top: 45px; } 
.pdtb50 { padding: 50px 0; } 
.pdtb60 { padding: 60px 0; } 
.mgt20 { margin-top: 20px !important; } 
.mgt50 { margin-top: 50px !important; } 
.mgt40 { margin-top: 40px !important; } 
.mgb40 { margin-bottom: 40px !important; } 
.orh { overflow: hidden; } 

.bg-f8 { background-color: #f8f8f8; } 
.bg-eb { background-color: #ebebeb; } 

.posrel { position: relative; } 

.main { margin: 0 auto; min-height: 500px; } 
/* 为idx-menu提供定位 */
.main.idx { position: relative; z-index: 80; } 

/* /全局 */

/* 通用 */
/* 标题 */
.tit-1 { *zoom: 1; } 
.tit-1:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.tit-1 .fl div { font-size: 32px; color: #000000; } 
.tit-1 .fl span { font-size: 24px; color: rgba(0, 0, 0, .1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000); } 
.tit-1 .fr a { display: block; width: 110px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #b8a57d; color: #b8a57d; font-size: 16px; border-radius: 3px; } 
.tit-1 .fr a:hover { background-color: #377882; color: white; } 

.tit-1.white .fl div { color: white; } 
.tit-1.white .fl span { color: rgba(255, 255, 255, .1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff); } 
.tit-1.white .fr a { border: 1px solid white; color: white; } 

.tit-1 .fr.blue a { border: 1px solid #006699; color: #006699; } 
.tit-1 .fr.blue a:hover { border: 1px solid #ed7d63; color: white; background-color: #ed7d63; } 

.tit-2 { font-size: 32px; color: #000000; position: relative; text-align: center; padding-bottom: 27px; } 
.tit-2:after { content: ''; width: 60px; height: 3px; background-color: #4e91bb; position: absolute; top: 65px; left: 50%; margin-left: -30px; background-color: #4e91bb; } 
.tit-2.white { color: white; } 

.tit-3 { font-size: 0; white-space: nowrap; overflow: hidden; } 
.tit-3 * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 26px; color: #000000; } 
.tit-3 .iconfont { width: 36px; font-size: 35px; color: #006699; margin-right: 15px; } 
.tit-3 .txt { width: 120px; margin-right: 5px; color: #006699; } 
.tit-3 .dnl { font-size: 0; } 
.tit-3 .dnl .dot { font-size:25px; line-height: 5px; font-weight: bolder; color: #006699; } 
.tit-3 .dnl .line { margin-left: -3px; width: 1045px; margin-top: 2px; height: 2px; white-space: nowrap; background-color: #006699; } 

.tit-4 { font-size: 36px; color: #006699; font-weight: bolder; text-align: center; } 

.tit-5 { border-bottom: 1px solid #e0e0e0; height: 53px; line-height: 40px; } 
.tit-5 span { border-bottom: 2px solid #006699; font-size: 18px; color: #000000; font-weight: bold; padding-bottom: 20px; } 

/* 按钮 */
.btn-1 { margin: 0 auto; width: 200px; height: 55px; background-color: white; border: 1px solid #e7e7e7; border-radius: 5px; } 
.btn-1 a { display: block; line-height: 55px; text-align: center; } 
.btn-1:hover { border: 1px solid #006699; background-color: #006699; } 
.btn-1:hover a { color: white; } 

/* 列表 */
.list { } 
.list li a { display: block; *zoom: 1; line-height: 43px; } 
.list li a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list li a .tit { white-space: nowrap; float: left; font-size: 16px; color: #2e2e2e; width: 445px; overflow: hidden; text-overflow: ellipsis; transition: .3s all ease; } 
.list li a .ti { float: right; font-size: 16px; color: #99b2bb; width: 90px; text-align: right; } 
.list li:hover .tit { color: #0d5b67; padding-left: 3px; transition: .3s all ease; } 
.list.dot li a .tit { padding-left: 18px; background: url(../images/list1.jpg) no-repeat left center; } 
.list.dot li a .tit:hover { padding-left: 21px; } 
.list.party li a { line-height: 40px; } 
.list.party li a .tit { padding-left: 25px; background: url(../images/partylist.png) no-repeat left center; } 
.list.party li a .tit:hover { padding-left: 30px; } 
.list.sch li { border-bottom: 1px solid #e5e5e5; } 
.list.sch li a { padding: 0 20px; } 
.list.sch li a>* { height: 65px; line-height: 65px; } 
.list.sch li .tit { width: 1035px; } 

.header-list { width: 400px; overflow: hidden; } 
.header-list li { width: 400px; height: 30px; display: block; } 
.header-list li a { display: block; padding-left: 15px; background: url(../images/list2.jpg) no-repeat left center; height: 30px; line-height: 30px; font-size: 14px; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .3s all ease; } 
.header-list li:hover a { color: #ed7d63; padding-left:18px; transition: .3s all ease; } 

.list-1 { } 
.list-1 ul { width: 1240px; } 
.list-1 ul li { float: left; width: 365px; } 
.list-1 ul li a { display: block; font-size: 0; } 
.list-1 ul li a>div { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.list-1 ul li a .ti { margin-right: 20px; width: 50px; height: 46px; padding-top: 4px; border: 1px solid #2a6f79; text-align: center; } 
.list-1 ul li a .ti div { font-size: 12px; color: #0d5b67; } 
.list-1 ul li a .ti span { font-size: 24px; color: #0d5b67; line-height: 26px; } 
.list-1 ul li a .tit { line-height: 25px; width: 290px; font-size: 16px; color: #2e2e2e; } 
.list-1 ul li:first-child+li,.list-1 ul li:first-child+li+li+li+li { padding: 0 35px; margin: 0 35px; border: 1px solid #e4e4e4; border-top: none; border-bottom: none; } 
.list-1 ul li:first-child,.list-1 ul li:first-child+li,.list-1 ul li:first-child+li+li { padding-bottom: 45px; } 
.list-1 ul li a:hover .ti { background-color: #2a6f79; } 
.list-1 ul li a:hover .ti div,.list-1 ul li a:hover .ti span { color: white; } 
.list-1 ul li a:hover .tit { color: #2a6f79; } 


.list-2 ul { *zoom: 1; } 
.list-2 ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-2 ul { width: 1265px; } 
.list-2 ul li { float: left; margin-bottom: 25px; width: 598px; height: 60px; margin-right: 30px; border: 1px solid #e5e5e5; } 
.list-2 ul li a { display: block; padding: 0 25px; height: 60px; line-height: 60px; *zoom: 1; } 
.list-2 ul li a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-2 ul li a .t { float: left; width: 410px; font-size: 16px; color: #000000; padding-left: 20px; background: url(../images/list1.jpg) no-repeat left center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.list-2 ul li a .ti { float: right; font-size: 16px; color: #999999; } 
.list-2 ul li:hover { border: 1px solid #006699; box-shadow: 0 0 10px 0px #d8d8d8; } 
.list-2 ul li:hover .t,.list-2 ul li:hover .ti { color: #006699; } 


.list-3 ul { *zoom: 1; } 
.list-3 ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-3 ul { width: 1275px; } 
.list-3 ul li { float: left; width: 388px; height: 158px; border: 1px solid transparent; background-color: white; margin-right: 30px; margin-bottom: 20px; } 
.list-3 ul li a { display: block; } 
.list-3 ul li a .t { padding:25px 25px; width: 340px; height: 60px; line-height: 30px; font-size: 16px; color: #2e2e2e; } 
.list-3 ul li a .con { height: 49px; line-height: 49px; padding: 0 30px; border-top: 1px solid #eeeeee; *zoom: 1; } 
.list-3 ul li a .con:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-3 ul li a .con .ti { float: left; font-size: 16px; color: #999999; } 
.list-3 ul li a .con .dt { float: right; font-size: 16px; color: #006699; } 
.list-3 ul li:hover { border: 1px solid #006699; background-color: #f1faff; } 
.list-3 ul li:hover .t { color: #006699; } 


.list-4 { } 
.list-4 li { padding: 18px 30px; display: block; *zoom: 1; border-bottom: 1px solid #ebf1f1; } 
.list-4 li:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-4 li .fl { float: left; width: 1030px; line-height: 40px; } 
.list-4 li .fl .t { font-size: 22px; color: #000000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.list-4 li .fl .ti { font-size: 16px; color: #999999; } 
.list-4 li .fr { float: right; width: 112px; } 
.list-4 li .fr>div { display: table-cell; width: 112px; height: 85px; vertical-align: middle; } 
.list-4 li .fr>div>div { width: 110px; height: 35px; line-height: 35px; border-radius: 5px; text-align: center; } 
.list-4 li .fr>div>div a { display: block; font-size: 16px; color: #ffffff; } 
.list-4 li .fr .btn1 { margin-bottom: 10px; border: 1px solid #006699; } 
.list-4 li .fr .btn2 { border: 1px solid #ed7d63; cursor: pointer; } 
.list-4 li .fr .btn1 a { color: #006699; } 
.list-4 li .fr .btn2 a { color: #ed7d63; } 
.list-4 li .fr>div>div:hover a { color: white; } 
.list-4 li .fr .btn1:hover { background-color: #006699; } 
.list-4 li .fr .btn2:hover { background-color: #ed7d63; } 
.list-4 li:hover { background-color: #e8f3f9; } 


.list-5 { } 
.list-5 ul { *zoom: 1; width: 1260px; } 
.list-5 ul:after,.list-5 ul li .top:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-5 ul li { margin-right: 22px; float: left; border: 1px solid #e4e4e4; } 
.list-5 ul li a { display: block; width: 363px; height: 138px; padding: 20px 15px; } 
.list-5 ul li .top { *zoom: 1; margin-bottom: 25px; } 
.list-5 ul li .top .img { float: left; width: 125px; height: 95px; } 
.list-5 ul li .top .img img { width: 125px; height: 95px; } 
.list-5 ul li .top .con { width: 225px; float: right; } 
.list-5 ul li .top .con .t { font-size: 16px; color: #000000; line-height: 28px; margin-bottom: 15px; } 
.list-5 ul li .top .con .ti { font-size: 14px; color: #a7a7a7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.list-5 ul li .btm .iconfont { color: #006699; margin-right: 10px; } 
.list-5 ul li .btm { font-size: 14px; color: #a7a7a7; } 
.list-5 ul li:hover { border: 1px solid #006699; } 
.list-5 ul li:hover .top .t { color:#006699; } 

.list-6 { } 
.list-6 ul { *zoom: 1; width: 1260px; } 
.list-6 ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-6 ul li { margin-bottom: 20px; margin-right: 22px; float: left; border: 1px solid transparent; background-color: white; } 
.list-6 ul li a { display: block; width: 335px; height: 95px; padding: 40px 30px; } 
.list-6 ul li .t { font-size: 16px; color: #444444; line-height: 30px; margin-top: 15px; } 
.list-6 ul li .ti .iconfont { color: #006699; margin-right: 10px; } 
.list-6 ul li .ti { font-size: 14px; color: #a7a7a7; } 
.list-6 ul li:hover { border: 1px solid #006699; } 
.list-6 ul li:hover .t { color:#006699; } 


.list-7 { } 
.list-7 ul { *zoom: 1; width: 1260px; } 
.list-7 ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-7 ul li { margin-bottom: 20px; width: 395px; height: 385px; margin-right: 22px; float: left; background-color: white; } 
.list-7 ul li a { display: block; } 
.list-7 ul li .img { height: 240px; width: 100%; overflow: hidden; } 
.list-7 ul li .img img { height: 240px; width: 100%; transition: .3s all ease; } 
.list-7 ul li .con { height: 95px; padding: 25px; } 
.list-7 ul li .con .t { height: 60px; font-size: 16px; color: #444444; line-height: 30px; } 
.list-7 ul li .con .ti { margin-top: 10px; font-size: 16px; color: #b3b3b3; } 
.list-7 ul li:hover img { transform: scale(1.05); transition: .3s all ease; } 
.list-7 ul li:hover .con { background-color:#006699; } 
.list-7 ul li:hover .con .t,.list-7 ul li:hover .con .ti { color: white; } 

.list-8 { } 
.list-8 li { margin-bottom: 20px; *zoom: 1; background-color: #f9f9f9; } 
.list-8 li:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-8 li a { display: block; height: 120px; padding: 45px 50px; } 
.list-8 li a>* { float: left; } 
.list-8 li .ti { padding: 14px 0; width: 75px; text-align: center; font-size: 20px; color: #999999; } 
.list-8 li .ti div { font-size: 50px; color: #006699; } 
.list-8 li .con { height: 120px; width: 828px; padding-left: 45px; padding-right: 40px; border-right: 1px solid #e5e5e5; } 
.list-8 li .con .t { font-size: 22px; color: #444444; margin-bottom: 10px; line-height: 45px; } 
.list-8 li .con .c { font-size: 16px; color: #a7a7a7; line-height: 30px; } 
.list-8 li .btn { font-size: 16px; color: #006699; line-height: 120px; text-align: center; width: 140px; } 
.list-8 li:hover { background-color: #006699; } 
.list-8 li:hover .ti,.list-8 li:hover .ti div,.list-8 li:hover .con>*,.list-8 li:hover .btn { color: white; } 

.list-9 { } 
.list-9 li { } 
.list-9 li a { display: block; *zoom: 1; border-bottom: 1px solid #ebf1f1; padding: 35px 30px; } 
.list-9 li a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-9 li .con { float: left; width: 870px; } 
.list-9 li .con .t { font-size: 22px; color: #444444; line-height: 40px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.list-9 li .con .ti { font-size: 16px; color: #999999; margin-bottom: 10px; } 
.list-9 li .con .c { font-size: 16px; color: #a7a7a7; line-height: 30px; } 
.list-9 li .img { float: right; width: 260px; height: 150px; overflow: hidden; } 
.list-9 li .img img { width: 260px; height: 150px; transition: .3s all ease; } 
.list-9 li:hover { background-color: #006699; } 
.list-9 li:hover img { transform: scale(1.05); transition: .3s all ease; } 
.list-9 li:hover .t,.list-9 li:hover .ti,.list-9 li:hover .c { color: white; } 

/* */

.list-10 { } 
.list-10 li { margin-bottom: 20px; *zoom: 1; background-color: #ffffff; border-bottom: 1px solid #ebf1f1; } 
.list-10 li:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-10 li a { display: block; height: 120px; padding: 45px 50px; } 
.list-10 li a>* { float: left; } 
.list-10 li .ti { border: 1px solid #ebebeb; width: 105px; padding: 10px 0; text-align: center; font-size: 20px; color: #999999; } 
.list-10 li .ti div { font-size: 50px; color: #323232; } 
.list-10 li .con { width: 930px; padding-left: 45px; padding-right: 40px; } 
.list-10 li .con .t { font-weight: bold; font-size: 22px; color: #444444; margin-bottom: 7px; line-height: 45px; } 
.list-10 li .con .c { font-size: 16px; color: #a7a7a7; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.list-10 li .btn { margin-top: 7px; font-size: 16px; color: #006699; text-align:left; } 
.list-10 li:hover { box-shadow: 0 5px 10px 0px #ebf1f1; } 
.list-10 li:hover .t { color: #006699; } 

.list-11 { } 
.list-11 ul { *zoom: 1; width: 1270px; } 
.list-11 ul::after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-11 li { margin-right: 30px; float: left; width: 600px; height: 145px; border-bottom: 1px solid #e5e5e5; transition: .3s all ease; } 
.list-11 li a { display: block; padding: 30px 20px; *zoom: 1; } 
.list-11 li a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.list-11 li .ti { float: left; width: 90px; height: 70px; border-radius: 10px; background-color: #006699; padding: 10px 0; text-align: center; font-size: 16px; color: #81bedc; } 
.list-11 li .ti div { font-size: 36px; color: #ffffff; } 
.list-11 li .con { float: right; width: 435px; } 
.list-11 li .con .t { font-weight: bold; font-size: 16px; color: #2e2e2e; line-height:35px; white-space: nowrap; } 
.list-11 li .con .tip { font-size: 14px; color: #5f5f5f; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.list-11 li .sta { font-size: 14px; color: #5f5f5f; text-align:left; } 
.list-11 li .sta span { color: #e60101; } 
.list-11 li:hover { box-shadow: 0 5px 10px 0px #dbdbdb; transition: .3s all ease; } 
.list-11 li:hover .t { color: #006699; } 



.imglist ul { *zoom: 1; width: 1260px; } 
.imglist ul:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.imglist li { margin-bottom: 20px; float: left; margin-right: 20px; width: 400px; height: 360px; } 
.imglist li a { display: block; } 
.imglist li .img { background-color: #000000; height:265px; position: relative; z-index: 1; } 
.imglist li .img img { height: 265px; width: 100%; } 
.imglist li .con { background-color: white; height: 95px; position: relative; z-index: 2; transition: .3s all ease; } 
.imglist li .con .t { line-height: 49px; font-size: 16px; color: #000000; border-bottom: 1px solid #d7d7d7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.imglist li .con .ti { line-height: 45px; font-size: 16px; color: #999999; } 
.imglist li:hover .con { margin-top: -20px; transition: .3s all ease; box-shadow: 0 5px 8px 1px #dedede; } 
.imglist li:hover .con .t { border-bottom: none; text-align: center; padding-top: 10px; line-height: 30px; font-size: 22px; color: #006699; transition: .3s all ease; white-space: normal; } 
.imglist li:hover .con .ti { text-align: center; line-height: 25px; transition: .3s all ease; } 

/* 表格 */
.table-1 { } 
.table-1 .l1 { width:250px; text-align: left !important; } 
.table-1 .l2 { width:170px; } 
.table-1 .l3 { width:150px; } 
.table-1 .l4 { width:150px; } 
.table-1 .l5 { width:160px; } 
.table-1 .l6 { width:160px; } 
.table-1 .l7 { width:130px; } 



.table-1 .h-t { *zoom: 1; height: 65px; line-height: 65px; padding: 0 30px; background-color: #006699; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19006699,endColorstr=#19006699); } 
.table-1 .h-t:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.table-1 .h-t div { float: left; font-size: 16px; color: white; font-weight: bolder; text-align: center; } 
.table-1 .con { } 
.table-1 .con .el { height: 57px; line-height: 57px; border-bottom: 1px solid #d1dbe2; padding: 0 30px; *zoom: 1; padding-right: 25px; } 
.table-1 .con .el:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.table-1 .con .el div { height: 57px; float: left; font-size: 16px; color: #2e2e2e; transition: .3s all ease; text-align: center; } 
.table-1 .con .el div.l1 { font-weight: bolder; } 
.table-1 .con .el .btn a { display: block; color: #006699; } 
.table-1 .con .el .btn:hover a { color: #ed7d63; transition: .3s all ease; } 
.table-1 .con .el .overtime { color:#ed7d63; font-weight:bolder; } 

/* 表格 */
.table-2 { } 
.table-2 .h-t { *zoom: 1; height: 65px; line-height: 65px; padding: 0 30px; background-color: rgba(0, 102, 153, .1); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19006699,endColorstr=#19006699); } 
.table-2 .h-t:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.table-2 .h-t div { font-size: 16px; color: #006699; font-weight: bolder; text-align: center; } 
.table-2 .h-t div .fl { float: left; } 
.table-2 .h-t div .fr { float: right; } 
.table-2 .con { } 
.table-2 .con .el { height: 57px; line-height: 57px; border-bottom: 1px solid #d1dbe2; padding: 0 30px; padding-right: 25px; } 
.table-2 .con .el a { display: block; *zoom: 1; } 
.table-2 .con .el a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.table-2 .con .el div { height: 57px; float: left; font-size: 16px; color: #2e2e2e; transition: .3s all ease; } 
.table-2 .con .el div.t { float: left; text-align: left; } 
.table-2 .con .el div.ti { float: right; text-align: right; } 
.table-2 .con .el:hover .t { color: #006699; padding-left: 5px; transition: .3s all ease; } 
.table-2 .con .el:hover .ti { color: #006699; padding-right: 5px; transition: .3s all ease; } 



/* 入口页 */
.home { min-width: 1400px; width: 100%; min-height: 910px; background: url(../images/homebg.jpg) no-repeat center; background-size: cover; position: relative; } 
.home-btn { font-size: 0; text-align: center; padding-top: 190px; } 
.home-btn .el { margin: 0 20px; width: 290px; height: 320px; background-color: rgba(255, 255, 255, .5); text-align: center; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); } 
.home-btn .el a { width: 290px; height: 320px; display: table-cell; vertical-align: middle; } 
.home-btn .el span { font-size: 30px; color: #000000; font-weight: bolder; } 
.home-btn .el .iconfont { color: #377882; font-size: 80px; margin-bottom: 10px; } 
.home-btn .el:hover { background-color: rgba(13, 91, 103, .8); transition: .3s all linear; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c80d5b67,endColorstr=#c80d5b67); } 
.home-btn .el:hover span,.home-btn .el:hover .iconfont { color: white; transition: .2s all ease; } 

.home-menu { background: url(../images/homemenu.png) no-repeat center; padding-top: 130px; height: 230px; position: absolute; bottom: 0; left: 0; width: 100%; } 
.home-menu .fl { margin-top: 50px; } 
.home-menu .fr { } 
.home-menu .btn { font-size: 0; color: white; } 
.home-menu .btn .el { width:124px; height: 124px; border: 1px solid white; text-align: center; margin-left: 30px; display: inline-block; *display: inline; *zoom: 1; vertical-align:middle; } 
.home-menu .btn .el a { width:124px; height: 124px; display: table-cell; vertical-align:middle; } 
.home-menu .btn .el .iconfont { font-size: 50px; color: white; margin-bottom: 10px; } 
.home-menu .btn .el span { font-size: 18px; color: white; } 
.home-menu .btn .el:hover { background: white; } 
.home-menu .btn .el:hover .iconfont,.home-menu .btn .el:hover span { color: #0d5b67; } 


.home-menu .con { font-size: 16px; color: white; margin-top: 40px; text-align: right; } 
.home-menu .con a { color: white; } 

/* 头部 */
.header { position: relative; z-index: 999; } 
.header .h_t { height: 50px; line-height: 50px; background-color: #0d5b67; overflow: hidden; } 
.header .h_t .fl { font-size: 0; } 
.header .h_t .fl>div { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; font-size: 20px; line-height:25px; } 
.header .h_t .fl>div.line1 { cursor: unset; background: url(../images/line1.png) no-repeat left center; padding-left: 72px; font-weight: bolder; color: #fff4c3; margin-right: 50px; } 
.header .h_t .fl>div>div { line-height:normal; font-size:12px; font-weight:normal; } 
.header .h_t .fl>div.line2 { cursor: unset; background: url(../images/line2.png) no-repeat left center; padding-left: 72px; font-weight: bolder; color: #ffb1b1;margin-right: 50px; } 
.header .h_t .fl>div.line3 { cursor: unset; background: url(../images/line3.png) no-repeat left center; padding-left: 72px; font-weight: bolder; color: #ffcab1; } 
.header .h_t .fr { font-size: 0; } 
.header .h_t .fr>div { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; } 
.header .h_t .fr .iconfont { margin-right: 20px; color: white; font-size: 23px; } 
.header .h_t .fr .el { width: 85px; height: 50px; background-color: #266c76; text-align: center; margin-left: 5px; } 
.header .h_t .fr .el a { font-size: 16px; color: #ffffff;display:block; } 
.header .h_t .fr .iconfont:hover { color: #ed7d63; } 
#mobileqr { width: 90px; height: 90px; background-color: white; } 

.header .h_c { background-color: white; box-shadow: 0 5px 10px 0px #f1f1f1; } 
.h_c .logo { max-width: 410px; float: left; line-height: 120px; cursor: pointer; } 


/* 为subnav 提供定位，z-index与header-con产生关系 */
.header .h_c .w1600 { position: relative; z-index: 100; } 


/* 导航 */
.nav { font-size: 0;max-width:1190px; } 
.nav>.el { height: 120px; padding: 0 22px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; } 
.nav>.el>a { display: block; line-height: 115px; color: #333333; font-size: 19px; border-bottom: 5px solid transparent; font-weight:bolder; } 
.nav>.el.on>a,.nav>.el:hover>a { color: #0d5b67; border-bottom: 5px solid #0d5b67; } 
/* 导航体 */
.subnavcon { display: none; height: 250px; background-color: transparent; position: absolute; left: 50%; width: 1600px; margin-left: -800px; z-index: 9999; } 
/* z-index与 .header .h_c .w1600 产生关系*/
.header-con { display: none; width: 100%; position: absolute; top: 169px; left: 0; height: 250px; background-color: rgba(0, 0, 0, .6); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); z-index: 99; } 
.navdes { height: 180px; padding:35px 0; padding-right: 35px; width: 400px; color: white; font-size: 16px; } 
.navdes .tit { font-size: 20px; color: #ffffff; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, .2); padding-bottom: 20px; position: relative; *border-bottom: 1px solid white; } 
.navdes .tit:after { content: ""; position: absolute; bottom: 0; left: 0; width: 40px; height: 5px; background-color: white; } 
.navdes .con { font-size: 14px; color: #ffffff; text-align: left; margin-top: 17px; line-height: 23px; overflow: hidden; width: 405px; } 
.navdes .btn { text-align: center; border-radius: 5px; width: 110px; height: 30px; margin-top: 17px; line-height: 30px; background-color: #ed7d63; } 
.navdes .btn a { display: block; color: white; font-size: 14px; } 
.navdes .btn:hover { background-color: #0d5b67; } 

.navopt { height: 180px; padding: 35px 0; width: 270px; border-left: 2px solid rgba(255, 255, 255, .3); color: white; font-size: 16px; *border-left: 2px solid white; } 
.navopt .el { margin-left: 50px; float: left; margin-bottom: 20px; } 
.navopt .el a { color: white; font-size: 16px; } 
.navopt .el a .iconfont { font-size: 45px; height: 45px; margin-bottom: 10px; transition: .3s all linear; } 
.navopt .el.el3 a .iconfont { font-size: 35px; } 
.navopt .el:hover a { color: #ed7d63; } 
.navopt .el:hover .iconfont { transform: scale(1.05); transition: .3s all linear; } 

.subnav { width: 450px; padding: 35px; height: 180px; border-left: 2px solid rgba(255, 255, 255, .3); *border-left: 2px solid white; } 
.subnav .tit { width:180px; text-align: left; font-size: 30px; color: white; font-weight: bolder; position: relative; } 
.subnav .tit:after { content: ""; position: absolute; bottom: -20px; left: 0; width: 40px; height: 5px; background-color: white; } 
.subnav .con { width: 270px; overflow: hidden; padding-top: 20px; } 
.subnav .ele { float: left; width: 135px; margin-bottom: 25px; text-align: left; } 
.subnav .ele.rg { text-align: right; } 
.subnav a { display: block; color: white; font-size: 18px; white-space: nowrap; } 
.subnav a span { font-weight: bolder; padding: 0 2px; } 

.subnav .ele:hover a { color: #ed7d63; } 


/* 触发导航体 */
/* .nav>.el:hover .subnavcon { display: block; } */


/* 底部 */
.flink { border-bottom: 1px solid #3e5458; line-height: 30px; padding: 20px 0; font-size: 0; } 
.flink span { display: table-cell; font-size: 15px; width:75px; font-weight: bolder; color: #ffffff; vertical-align: middle; *display:inline-block; *display:inline; *zoom:1; } 
.flink .w1600>div { display: table-cell; width: 1500px; vertical-align:middle; *display:inline; *zoom:1; } 
.flink .w1600>div>div { line-height: normal; display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; border-right: 1px solid #4c6c6d; } 
.flink .w1600>div>div a { padding: 0 15px; display: block; color: white; font-size: 16px; } 
.flink .w1600>div>div:last-child { border-right: none; } 
.flink .w1600>div>div a:hover { color: #348efe; } 


.footer { background: url(../images/footerbg.png) no-repeat center; background-color: #274046; color: white; font-size: 16px; } 
.ft-b { padding: 40px 0; } 
.footer a { font-size: 16px; color: #ffffff; } 
.footer .f-l { width: 640px; float: left; position: relative; } 
.footer .f-l .sydw { width: 80px; position: absolute; bottom: 0; left: 460px; position: 100%; } 
.footer .f-l .sydw img { width: 100%; } 
.footer .f-r { width: 540px; float: right; text-align: right; } 
.footer .f-r img { margin-right: 5px; vertical-align: middle; } 
.footer .f-l div,.footer .f-r div { line-height: 35px; } 
.footer .f-m { margin-top: 10px; } 
.footer .f-m>div { float: left; margin: 0 15px; font-size: 16px; color: #ffffff; text-align: center; line-height: 45px; } 
.footer .f-m img { max-width: 105px; max-height: 105px; } 
.footer a:hover { color: #348efe; } 

/* 浮动按钮 */

.float { position: fixed; right: 0; top: 0; z-index: 9999; } 
.float .el { cursor: pointer; width: 70px; height: 70px; line-height: 70px; margin-bottom: 5px; background-color: #006699; border-radius: 5px; text-align: center; font-size: 16px; color: #ffffff; } 
.float .el a { font-size: 16px; color: white; display: block; width: 100%; height: 100%; } 
.float .el.on { height:40px; padding: 15px 0; background-color: #ed7d63; line-height: normal; } 
.float .el .iconfont { font-size: 35px; } 
.float .el:hover { background-color: #0d5b67; } 
.wx { white-space: nowrap; width: 200px; } 
.wx div { display: inline-block; *display: inline; *zoom: 1; margin-right: 15px; } 
.wx div span { display: block; font-size: 16px; color: #fff; text-align: center; line-height: 30px; } 
.tel { white-space: nowrap; line-height: 50px; } 
.tel div.l1 { background: url(../images/line1.png) no-repeat left center; padding-left: 75px; font-size: 19px; color: #fff4c3; font-weight: bold; } 
.tel div.l2 { background: url(../images/line2.png) no-repeat left center; padding-left: 75px; font-size: 19px; color: #ffb1b1; font-weight: bold; } 
.tel div.l3 { background: url(../images/line3.png) no-repeat left center; padding-left: 75px; font-size: 19px; color: #ffcab1; font-weight: bold; } 
/* 首页 */

/* 幻灯 */
.idx-ban { min-width: 1200px; text-align: center; width: 100%; height: 550px; overflow: hidden; position: relative; } 
.idx-ban .bd { width: 100%; margin: 0 auto; height: 100%; } 
.idx-ban .bd ul { margin: 0 auto; height: 100%; } 
.idx-ban .bd ul li,.idx-ban .bd ul li div { height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } 

/* 菜单 */
.idx-menu { background-color: white; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3); width: 1230px; height: 200px; position: absolute; left: 50%; top: -100px; margin-left: -615px; z-index: 101; } 
.idx-menu .el { float: left; width: 205px; text-align: center; } 
.idx-menu .el a { display: block; padding: 45px 0; height: 110px; } 
.idx-menu .el .img { margin-bottom: 20px; transition: .3s all ease; height: 59px; } 
.idx-menu .el .tit { font-size: 24px; color: #171717; } 
.idx-menu .el:hover .img { transform: rotate(360deg) scale(1.1); transition: .4s all ease; } 
.idx-menu .el:hover .tit { color: #0d5b67; } 

.idx-1 { background-color: white; position: relative; height: 780px; z-index: 100; } 
.idx-1-ban { overflow: hidden; background-color: white; box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3); width: 595px; height: 495px; position: absolute; left: 50%; top: 160px; right: 0; margin-left: -615px; z-index: 2; } 
.idx-1-ban .bd { width: 595px; height: 495px; position: relative; z-index: 50; } 
.idx-1-ban .bd li { width: 595px; height: 495px; } 
.idx-1-ban .bd li a { display: block; } 
.idx-1-ban .bd .img { width: 595px; height:340px; overflow: hidden; } 
.idx-1-ban .bd img { height: 100%; width: 100%; transition: .3s all ease; } 
.idx-1-ban .bd .tit { height: 115px; padding:20px 35px; } 
.idx-1-ban .bd .tit span { font-size: 16px; color: #0d5b67; } 
.idx-1-ban .bd .tit div { margin-top: 5px; font-size: 24px; color: #000000; line-height: 40px; } 
.idx-1-ban .bd li:hover .tit { background-color: #0d5b67; } 
.idx-1-ban .bd li:hover .tit span,.idx-1-ban .bd li:hover .tit div { color: white; } 
.idx-1-ban .bd li:hover .img img { transform: scale(1.05); transition: .3s all ease; } 

.idx-1-ban .hd { position: absolute; top: 300px; left: 0; width: 100%; text-align: center; z-index: 99; } 
.idx-1-ban .hd li { width: 40px; height: 8px; margin: 0 5px; border-radius: 2px; cursor: pointer; background-color: rgba(255, 255, 255, .7); display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff,endColorstr=#b2ffffff); } 
.idx-1-ban .hd li.on { background-color: #0d5b67; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff0d5b67,endColorstr=#ff0d5b67); } 



.idx-1-list { background: url(../images/idx1list.png) no-repeat center bottom; background-color: #f0f7fa; padding: 40px 40px 0 80px; width: 560px; height: 450px; position: absolute; left: 50%; top: 235px; right: 0; margin-left: -65px; z-index: 1; } 
.idx-1-list .tit-1 { margin-bottom: 15px; } 

.idx-2 { background-color: #4e91bb; height: 825px; position: relative; z-index: 101; } 
.idx-2 .bg { z-index: 1; position: absolute; left: 50%; margin-left: -953px; top: -135px; width: 985px; height: 910px; background: url(../images/idx2bg1.png) no-repeat top left; background-size: cover; } 
.idx-2 .w1230 { z-index: 2; position: relative; } 
.idx-2-l { background-color: #5aa6b1; padding: 35px 40px; width: 530px; height: 250px; position: absolute; top: 385px; } 
.idx-2-l .con { font-size: 16px; color: white; line-height: 40px; } 
.idx-2-l .tit-1 { margin-bottom: 15px; } 

.idx-2-r { position: absolute; right: 50%; margin-right: -950px; height: 785px; padding-right: 345px; padding-top: 40px; width: 590px; background: url(../images/idx2bg2.jpg) no-repeat left bottom; } 
.idx-2-r .el { width: 290px; height: 215px; float: left; cursor: pointer; text-align: center; } 
.idx-2-r .el a { font-size: 24px; color: white; padding: 50px 0; display: block; height: 115px; } 
.idx-2-r .el .iconfont { font-size: 90px; transition: .3s all linear; } 
.idx-2-r .el.el1 { background-color: #ed7d63; } 
.idx-2-r .el.el2 { background:url(../images/idx2rel2.png) no-repeat center; } 
.idx-2-r .el.el2 .iconfont { font-size: 70px; margin-bottom: 15px; } 
.idx-2-r .el.el3 { background-color: #b23b54; } 
.idx-2-r .el.el3 .iconfont { font-size: 80px; } 
.idx-2-r .el.el4 { background-color: rgba(13, 91, 103, .9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e50d5b67,endColorstr=#e50d5b67); } 
.idx-2-r .el:hover .iconfont { transform: rotate(360deg); transition: .3s all linear; } 

.idx-3 { background-color: white; padding: 55px 0; height: 245px; } 
.idx-3 .con { margin-top: 25px; } 


/* */

.idx-4 { background: url(../images/idx4bg.png) no-repeat center; background-size: cover; background-color: #e6f1f4; padding: 50px 0; padding-bottom: 30px; } 
.idx-4 .bd { height: 600px; overflow: hidden; width: 1250px; } 
.idx-4 .bd ul { } 
.idx-4 .bd ul li { float: left; width: 1230px; padding-top: 60px !important; height: 540px; } 
.idx-4 .hd { margin-top: 30px; font-size: 0; text-align: center; width:100px; margin: 0 auto; border-radius: 3px; overflow: hidden; } 
.idx-4 .hd ul li { background-color: #006699; color: white; width: 50px; height: 20px; line-height: 20px; font-size: 12px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; } 
.idx-4 .hd ul li.on { background-color: #ed7d63; } 

.idx-4 .el { float: left; padding: 0 35px; padding-top: 40px; width: 308px; height: 470px; border: 4px solid transparent; background-color: white; border-radius: 10px; border-top-left-radius: 30px; position: relative; } 
.idx-4 .el.top { margin: 0 35px; margin-top: -60px; } 
.idx-4 .el:hover { border: 4px solid #006699; } 
.idx-4 .el .tit { font-weight: bold; font-size: 30px; color: #006699; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #e4e4e4; } 
.idx-4 .el .tit>.iconfont { font-weight: normal; font-size: 55px; margin-right: 15px; vertical-align:-5px; } 
.idx-4 .el .con { margin-top: 20px; } 
.idx-4 .el .con .ele { height: 50px; line-height: 50px; border-bottom: 1px dashed #f2f2f2; *zoom: 1; } 
.idx-4 .el .con .ele a { display: block; font-size: 18px; color: #333333; } 
.idx-4 .el .con .ele:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.idx-4 .el .con .ele a .t { display: block; float: left; width: 270px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: .4s all ease; } 
.idx-4 .el .con .ele .iconfont { font-size: 16px; color: #000000; float: right; transition: .3s all ease; } 
.idx-4 .el .con .ele:hover a { font-weight: bold; color: #266c76; } 
.idx-4 .el .con .ele:hover .iconfont { transform: rotate(-180deg); font-weight: normal; transition: .2s all ease; } 
.idx-4 .el .con .ele:hover .t { padding-left: 5px; transition: .4s all ease; } 

.idx-4 .el .btn { position: absolute; bottom: 35px; left: 50%; margin-left: -55px; width: 110px; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; overflow: hidden; transition: .3s all ease; } 
.idx-4 .el .btn a { display: block; font-size: 18px; color: #ffffff; background-color: #006699; } 
.idx-4 .el .btn:hover a { background-color: #b23b54; } 
.idx-4 .el .btn:hover { width: 150px; margin-left: -75px; transition: .3s all ease; } 

/* */

.idx-5 { background: url(../images/idx5bg.jpg) no-repeat top center; background-size: cover; overflow: hidden; padding: 50px 0; height: 620px; } 
.idx-5 .el { width: 290px; padding:9px; height: 510px; float: left; } 
.idx-5 .el a { display: block; } 
.idx-5 .el .img { background-repeat: no-repeat; background-size: cover; background-position: center top; background-color: #8d999f; box-shadow: 0 -10px 10px -5px rgba(0, 0, 0, .3); margin: 0 auto; width: 180px; height: 180px; border: 8px solid white; border-radius: 100%; overflow: hidden; z-index: 99; position: relative; } 
.idx-5 .el .img img { width: 100%; max-height: none; } 
.idx-5 .el .area { border-radius: 10px; margin-top: -100px; height: 305px; padding: 0 30px; padding-top: 110px; box-shadow: 0 0 7px 0px rgba(0, 0, 0, .2); background-color: white; z-index: 98; position: relative; transition: .3s all ease; } 
.idx-5 .el .area .tit { text-align: center; margin-bottom: 15px; } 
.idx-5 .el .area .tit div { margin-bottom: 13px; font-size: 24px; color: #000000; } 
.idx-5 .el .area .tit span { color:#6c6c6c; font-size: 16px; } 
.idx-5 .el .area .con { height: 120px; margin-bottom: 30px; line-height: 30px; font-size: 16px; color: #a7a7a7; } 
.idx-5 .el .area .con span { color: #006699; } 
.idx-5 .el .area .btn { line-height: 55px; border-top: 1px solid #eeeeee; font-size: 23px; color: #006699; text-align: center; white-space: nowrap; } 
.idx-5-ban { position: relative; margin-top: 20px; } 
.idx-5 .prev,.idx-5 .next { user-select: none; cursor: pointer; position: absolute; top: 285px; font-size: 50px; color: #a1a1a1; font-weight: bolder; } 
.idx-5 .prev { left: -47px; font-size: 45px; } 
.idx-5 .next { right: -55px; } 
.idx-5 .prev:hover,.idx-5 .next:hover { color: #006699; } 

.idx-5 .el:hover .area { background-color: #006699; transition: .3s all ease; } 
.idx-5 .el:hover .img { border: 8px solid #006699; } 
.idx-5 .el:hover .tit div,.idx-5 .el:hover .tit span,.idx-5 .el:hover .con span ,.idx-5 .el:hover .con,.idx-5 .el:hover .btn { color: white; } 


.idx-6 { background: url(../images/idx6bg.jpg) no-repeat center top; padding: 73px 0; height: 885px; } 
.idx-6 .area1 { padding-left: 640px; width: 590px; } 
.idx-6 .area2 { width: 590px; padding-left: 50px; } 
.idx-6 .area3 { background: url(../images/idx6area3.jpg) no-repeat center; } 
.idx-6 .area3 a { display: block; width: 440px; height: 240px; padding: 55px 75px; } 
.idx-6 .area3 a>* { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; } 
.idx-6 .area3 a div { width: 1em; font-size: 30px; color: white; line-height: 30px; height: 100%; } 
.idx-6 .area3 a span { font-size: 14px; width: .5em; color: white; word-break: break-all; } 
.idx-6 .el { float: left; width: 295px; height: 220px; } 
.idx-6 .el a { height: 110px; padding: 55px 0; display: block; color: #ffffff; text-align: center; } 
.idx-6 .el a span { font-size: 24px; } 
.idx-6 .el a .iconfont { display: block; font-size: 65px; margin-bottom: 15px; transition: .3s all ease; } 
.idx-6 .el1 { background-color: #00c3da; } 
.idx-6 .el2 { background-color: #42a8b8; } 
.idx-6 .el3 { background-color: #ed7d63; } 
.idx-6 .el4 { background-color: #03444e; } 
.idx-6 .el5 { background-color: #348efe; } 
.idx-6 .el6 { background-color: #b23b54; } 
.idx-6 .el7 { background-color: #effafc; } 
.idx-6 .el7 a { color: #0d5b67; } 
.idx-6 .el8 { background-color: #e70013; } 
.idx-6 .el8 a{ color:#f7ee12;} 
.idx-6 .el8 a .iconfont{color: #f7ee12;}

.idx-6 .el:hover .iconfont { transform: rotate(360deg); transition: .3s all ease; } 
/* 首页 end*/

/* 位置和栏目图 */
.banner { height: 350px; background-repeat: no-repeat; background-size: cover; background-position: center; } 
.position { height: 50px; line-height: 50px; border: 1px solid #eeeeee; font-size: 14px; color: #787878; } 
.position a { font-size: 14px; color: #787878; } 
.position .iconfont { font-size:20px; color: #bbbbbb; vertical-align: middle; margin-right: 9px; } 


/* 页数 */
.page { margin: 0 auto; white-space: nowrap; font-size: 0; text-align: center; margin-top: 50px; } 
.page>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; text-align: center; border: 1px solid #cccccc; border-radius: 3px; } 
.page a { cursor: pointer; width: 43px; height: 43px; line-height: 43px; margin:0 6px; font-size: 16px; color: #1d1d1d; } 
.page a .iconfont { font-size: 15px; font-weight: normal; } 
.page .psch { margin: 0 6px; width: 115px; height: 43px; } 
.page .psch input { width: 50px; height: 40px; line-height: 40px; padding: 0 8px; font-size: 16px; vertical-align: middle; border: none; outline: none; text-align: center; } 
.page .psch .btn { cursor: pointer; font-size: 16px; color: #707070; line-height: 43px; vertical-align: middle; padding: 0 10px; border-left: 1px solid #bbbbbb; } 
.page .psch .btn:hover { color: #006699; } 
.page a:hover,.page a.on { color: #fff; background-color: #006699; } 

/* 内页 */
.bid-1 { background-color: white; padding-top: 40px; padding-bottom: 70px; } 

.bid-2 { background-color: #f8f8f8; padding: 55px 0; } 
.bid-3 { background-color: #f3f8fa; padding: 55px 0; } 
.bid-4 { background-color: white; padding: 55px 0; } 

.rec-2 { background-color: #f9f9f9; padding: 55px 0; } 

.rec-3 { background-color: white; background-size: 100%; padding: 65px 0; } 
.rec-3 .more { text-align: center; font-size: 16px; color: #006699; margin: 30px 0; cursor: pointer; } 
.rec-3 .more:hover { color: #ed7d63; } 

.new-1 { background-color: white; padding-top: 40px; padding-bottom: 70px; } 
.new-1-ban { float: left; position: relative; width: 580px; height: 440px; overflow: hidden; } 
.new-1-ban .bd { z-index: 9; position: relative; } 
.new-1-ban .bd li img { width: 580px; height: 440px; transition: .3s all ease; } 
.new-1-ban .hd { white-space: nowrap; font-size: 0; z-index: 999; background-color: rgba(0, 0, 0, .7); position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; line-height: 60px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2000000,endColorstr=#b2000000); } 
.new-1-ban .hd * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.new-1-ban .hd .title { width: 340px; padding: 0 20px; font-size: 18px; color: #ffffff; font-weight: bolder; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.new-1-ban .hd ul { text-align: right; width: 160px; padding: 0 20px; font-size: 0; } 
.new-1-ban .hd li { cursor: pointer; width: 15px; height: 15px; border-radius: 100%; margin: 0 5px; transition: .3s all ease; background-color: white; } 
.new-1-ban .hd li.on { background-color: #006699; width: 50px; border-radius: 20px; transition: .3s all ease; } 
.new-1-ban .bd li:hover img { transition: .3s all ease; transform: scale(1.05); } 
.new-1-list { float: right; width: 590px; height: 390px; padding: 25px 30px; box-shadow: 0 0 10px 10px #f3f3f3 } 
.new-1-list .h-list { border-bottom: 1px dashed #e4e4e4; padding-bottom: 25px; } 
.new-1-list .h-list a { display: block; font-size: 0; } 
.new-1-list .h-list a>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.new-1-list .h-list a .ti { width: 85px; height: 54px; padding: 18px 0; background-color: #f6fbfe; text-align: center; font-size: 16px; color: #999999; } 
.new-1-list .h-list a .ti span { line-height: 30px; margin-bottom: 10px; display: block; font-size: 36px; font-weight: bolder; color: #006699; } 
.new-1-list .h-list a .t { width: 480px; margin-left: 20px; font-size: 20px; color: #444444; line-height: 40px; } 
.new-1-list:hover a .t { color: #006699; } 


.new-2 { background-color: #f8f8f8; padding: 80px 0; } 


.new-3 { background-color: #f3f8fa; padding: 70px 0; } 
.new-3 .slide { position: relative; } 
.new-3 .slide .bd { width: 1230px; height: 405px; overflow: hidden; } 
.new-3 .slide .prev, .new-3 .slide .next { position: absolute; top: 200px; font-size: 50px; color: #cccccc; cursor: pointer; user-select: none; } 
.new-3 .slide .prev { left: -65px; } 
.new-3 .slide .next { right: -65px; } 
.new-3 .slide .prev:hover, .new-3 .slide .next:hover { color: #006699; } 


.new-4 { padding: 60px 0; background-color: white; } 


.party-1 { background-color: white; padding-top: 50px; padding-bottom: 70px; } 
.party-1-ban { float: left; position: relative; width: 580px; height: 500px; overflow: hidden; } 
.party-1-ban .bd { z-index: 9; position: relative; } 
.party-1-ban .bd li img { width: 580px; height: 500px; transition: .3s all ease; } 
.party-1-ban .hd { white-space: nowrap; font-size: 0; z-index: 999; background-color: rgba(0, 0, 0, .6); position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; line-height: 60px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } 
.party-1-ban .hd * { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.party-1-ban .hd .title { width: 340px; padding: 0 20px; font-size: 18px; color: #ffffff; font-weight: bolder; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.party-1-ban .hd ul { text-align: right; width: 160px; padding: 0 20px; font-size: 0; } 
.party-1-ban .hd li { cursor: pointer; width: 15px; height: 15px; border-radius: 100%; margin: 0 5px; transition: .3s all ease; background-color: white; } 
.party-1-ban .hd li.on { background-color: #c43e37; transition: .3s all ease; } 
.party-1-ban .bd li:hover img { transition: .3s all ease; transform: scale(1.05); } 
.party-1-list { float: right; width: 590px; height: 430px; padding: 35px 30px; box-shadow: 0 0 10px 10px #f3f3f3 } 
.party-1-list .title { margin-bottom: 20px; } 
.party-1-list .title .fl { width: 155px; height: 45px; background: url(../images/partytitle.png) no-repeat center; } 
.party-1-list .title a { display: block; float: right; font-size: 16px; color: #e13737; line-height: 45px; } 
.party-1-list .title a:hover { color: #006699; } 
.party-1-list .h-list { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 10px; } 
.party-1-list .h-list a { display: block; } 
.party-1-list .h-list a .t { font-size: 21px; color: #333333; line-height: 30px; font-weight: bolder; margin-bottom: 10px; } 
.party-1-list .h-list a .c { text-indent: 2em; font-size: 14px; color: #979797; } 
.party-1-list .h-list a .c span { color: #df3737; padding-left: 20px; font-weight: bold; line-height: 25px; } 
.party-1-list:hover a .t { color: #df3737; } 


.party-2 { height: 470px; padding: 50px; background: url(../images/party-2.jpg) no-repeat center; } 
.party-2 .title { } 
.party-2 .title .fl { width: 160px; height: 30px; background: url(../images/party-2-tit.png) no-repeat center; } 
.party-2 .title a { display: block; float: right; line-height: 30px; font-size: 16px; color: #ffffff; } 
.party-2 .con { padding: 15px; height: 370px; margin-top: 40px; } 
.party-list { float: left; width: 575px; padding-left: 30px; } 
.party-list .el { padding: 20px 0; border-top: 1px solid #ded7a7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.party-list .el:first-child { border: none; } 
.party-list .el .t { font-size: 18px; color: #b32a23; margin-bottom: 10px;position:relative; } 
.party-list .el .t span{position:absolute;right:0;top:0;}
.party-list .el .c { font-size: 14px; color: #99957c; } 
.party-list .el:hover .t { color: #006699; } 
.party-2 .con .img { float: right; width: 555px; height: 365px; } 
.party-2 .con .img .bgimg { width: 555px; height: 370px;  } 
.party-2 .con .img .bgimg div { width: 555px; height: 370px; background-size:cover;background-position:center;background-repeat:no-repeat; transition: .3s all ease; } 

.party-3 { background-color: white; padding:60px 0; } 
.party-3 .title { } 
.party-3 .title .fl { font-size: 35px; color: #c43e37; font-weight: bolder; } 
.party-3 .title .fl .iconfont { font-size: 45px; color: #c43e37; vertical-align: middle; margin-right: 10px; } 
.party-3 .title a { display: block; float: right; line-height: 30px; font-size: 16px; color: #c43e37; } 
.party-3 .title a:hover { color: #006699; } 
.party-3 .con { margin-top: 30px; } 
.party-3 .con .el1 { overflow: hidden; float: left; width: 635px; height: 520px; position: relative; } 
.party-3 .con .el1 a { display: block; } 
.party-3 .con .el1 .tit { height: 60px; position: absolute; left: 0; bottom: 0; text-align: center; line-height: 60px; font-size: 16px; color: #333333; width: 613px; padding: 0 10px; border: 1px solid #ffea94; background-color: #fffaed; } 
.party-3 .con .el1 img { display: block; width: 100%; height: 520px; transition: .3s all ease; } 
.party-3 .con>.fr { width: 592px; } 
.party-3 .con .el2 { overflow: hidden; float: left; margin-left: 20px; margin-bottom: 20px; width: 275px; height: 250px; position: relative; } 
.party-3 .con .el2 a { display: block; } 
.party-3 .con .el2 .tit { height: 53px; position: absolute; left: 0; bottom: 0; text-align: center; line-height: 53px; font-size: 16px; color: #333333; width: 253px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; border: 1px solid #ffea94; background-color: #fffaed; } 
.party-3 .con .el2 img { width: 100%; height: 250px; transition: .3s all ease; } 
.party-3 .con .el1:hover img,.party-3 .con .el2:hover img { transform: scale(1.05); transition: .3s all ease; } 
.party-3 .con .el1:hover .tit,.party-3 .con .el2:hover .tit { background-color: #006699; color: white; } 


.abt-1 { background-color: white; padding-top: 40px; padding-bottom: 80px; } 
.abt-1 .con { position: relative; margin-top: 65px; } 
.abt-1 .lc { width: 690px; } 
.abt-1 .lc .title { font-size: 28px; color: #006699; } 
.abt-1 .lc .c { z-index: 2; margin-top: 20px; position: relative; font-size: 16px; color: #000000; line-height: 40px; height: 290px; padding: 30px 28px; padding-bottom: 110px; background-color: white; box-shadow: -5px 0 10px 1px #f4f4f4; } 
.abt-1 .lc .btn { border-radius: 5px; position: absolute; bottom: 40px; left: 30px; width: 125px; height: 40px; cursor: pointer; line-height:40px; text-align: center; font-size: 16px; color: #ffffff; background-color: #006699; } 
.abt-1 .lc .btn a { display: block; font-size: 16px; color: #ffffff; } 
.abt-1 .lc .btn:hover { background-color: #ed7d63; } 
.abt-1 .rc { z-index: 1; position: absolute; top: -30px; left: 580px; } 
.abt-1 .rc img { width: 650px; height: 455px; } 

.abt-2 { background-color: #f7f7f7; padding: 60px 0; } 
.abt-2 .expert { margin-top: 50px; } 
.abt-2 .expert .el { background-color: white; } 

.abt-3 { background: url(../images/abt-3.jpg) no-repeat center; padding: 70px 0; } 
.abt-3 .con { width:1250px; margin-top: 27px; } 
.abt-3 .con .el { margin-right: 20px; margin-bottom: 20px; float: left; width: 395px; height: 305px; position: relative; overflow: hidden; } 
.abt-3 .con .el img { width: 395px; height: 305px; transition: .3s all ease; } 
.abt-3 .con .el .tit { text-align: center; line-height: 60px; font-size: 16px; color: #ffffff; position: absolute; left: 0; bottom: 0; width: 100%; height: 60px; background-color: rgba(0, 0, 0, .4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); } 
.abt-3 .con .el:hover img { transform: scale(1.05); transition: .3s all ease; } 

.abt-4 { background-color: white; padding: 70px 0; background-color: #fbfbfb; min-height: 300px; } 

.abt-5 { background: url(../images/abt-5.jpg) no-repeat right bottom; padding: 70px 0; } 
.abt-5 .con { margin-top: 30px; } 
.abt-5 .con .el1 { overflow: hidden; float: left; width: 635px; height: 520px; position: relative; } 
.abt-5 .con .el1 a { display: block; } 
.abt-5 .con .el1 .tit { height: 60px; position: absolute; left: 0; bottom: -60px; text-align: center; line-height: 60px; font-size: 16px; color: white; width: 615px; padding: 0 10px; background-color: rgba(0, 0, 0 , .6); transition: .3s all ease; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } 
.abt-5 .con .el1 img { display: block; width: 100%; height: 520px; transition: .3s all ease; } 
.abt-5 .con>.fl { width: 592px; } 
.abt-5 .con .el2 { overflow: hidden; float: left; margin-right: 20px; margin-bottom: 20px; width: 275px; height: 250px; position: relative; } 
.abt-5 .con .el2 a { display: block; } 
.abt-5 .con .el2 .tit { height: 53px; position: absolute; left: 0; bottom: -53px; text-align: center; line-height: 53px; font-size: 16px; color: white; width: 255px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; background-color: rgba(0, 0, 0 , .6); transition: .3s all ease; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } 
.abt-5 .con .el2 img { width: 100%; height: 250px; transition: .3s all ease; } 
.abt-5 .con .el1:hover img,.abt-5 .con .el2:hover img { transform: scale(1.05); transition: .3s all ease; } 
.abt-5 .con .el1:hover .tit,.abt-5 .con .el2:hover .tit { bottom: 0; transition: .3s all ease; } 


/* 内页end */

/* 通用结构 */
.article { } 
.article table { border-collapse: collapse; } 
.article table td,table th { border: 1px solid #eeeeee; vertical-align:middle; } 
.article .title-1 { font-size: 36px; color: #006699; font-weight: bolder; text-align: center; line-height: 55px; } 
.article .title { font-size: 32px; color: #000000; font-weight: bolder; line-height: 50px; text-align: center; } 
.article .msg { margin-top: 30px; font-size: 14px; color: #a7a7a7; text-align: center; height: 50px; line-height: 50px; background-color: #f9f9f9; } 
.article .bidmsg { position: relative; margin-top: 35px; border: 1px solid #f7d6ce; background-color: #fff9f8; padding: 20px 15px; height: 80px; font-size: 0; text-align: left; } 

.article .bidmsg .el { text-align: left; width: 310px; margin: 10px 20px; font-size: 16px; color: #ed7d63; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.article .bidmsg .el span { font-size: 16px; color: #000000; } 

.article .bidmsg.bm1 { height: 40px; padding: 5px 15px; } 
.article .bidmsg.bm1 .el { width: 415px; } 

.article .btn { user-select: none; position: absolute; right: 20px; top: 37px; font-size: 18px; width: 120px; height: 50px; line-height: 50px; background-color: #ed7d63; text-align: center; color: white; border-radius: 5px; cursor: pointer; } 
.article .btn:hover { background-color: #006699; } 

.article .bidmsg.bm1 .btn { top: 8px; right: 15px; font-size: 16px; height: 35px; line-height: 35px; width: 100px; } 

.article .content { padding: 30px 0; font-size: 16px; color: #000000; line-height: 40px; } 
.article .content p { font-size: 16px; color: #000000; line-height: 40px; margin-bottom: 20px; } 

.article .file { color:#0066cc; display:block; font-size:16px; line-height: 30px; } 
.article .file:hover { color: #ed7d63; } 

.article .slave { font-size: 26px; margin: 15px 0; color: #006699; } 

/* 列表导航 */
.listnav { font-size: 0; text-align: center; } 
.listnav .el { margin: 0 10px; text-align: center; line-height: 53px; border-radius: 5px; width: 158px; height: 53px; border: 1px solid #dddddd; display: inline-block; *display: inline; *zoom: 1; } 
.listnav .el a { display: block; font-size: 18px; color: #272727; } 
.listnav .el:hover,.listnav .el.on { border: 1px solid transparent; background-color: #ed7d63; } 
.listnav .el:hover a,.listnav .el.on a { color: white; } 
/* 上下页 */
.pan { padding: 20px 0; border-top: 1px solid #e5e5e5; } 
.pan .fl div { line-height: 35px; } 
.pan .fl div span { font-size: 16px; color: #000000; font-weight: bolder; } 
.pan .fl div span.ti { font-weight: normal; color: #959595; } 
.pan .fl a:hover { color: #006699; } 
.pan .fr a { display: block; margin-top: 13px; width: 145px; height: 45px; line-height: 45px; border-radius: 5px; background-color: #006699; font-size: 16px; color: #ffffff; text-align: center; } 
.pan .fr a:hover { background-color: #0d5b67; } 

/* 部门 */
.dpt { *zoom: 1; width: 1260px; margin: 40px 0; } 
.dpt:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.dpt .el { float: left; margin-right: 17px; margin-bottom: 17px; width: 293px; height: 48px; line-height: 48px; border: 1px solid #eaeaea; text-align: left; } 
.dpt .el a { display: block; *zoom: 1; padding: 0 20px; font-size: 16px; color: #333333; } 
.dpt .el a:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.dpt .el .iconfont { font-size: 16px; float: right; color: #63a1c1; } 
.dpt.c1 .el .iconfont { color: #253d3f; } 
.dpt.c2 .el .iconfont { color: #fbaaaa; } 
.dpt.c3 .el .iconfont { color: #ee6666; } 
.dpt.c4 .el .iconfont { color: #3b893d; } 
.dpt.c5 .el .iconfont { color: #42a8b8; } 
.dpt .el .t { width: 230px; display: block; float: left; } 
.dpt .el :hover { background-color: #006699; color: white; } 
.dpt .el :hover .iconfont { color: white; } 
.dpt.c1 .el :hover { background-color:#0d5b67; } 
.dpt.c2 .el :hover { background-color:#fbaaaa; } 
.dpt.c3 .el :hover { background-color:#ee6666; } 
.dpt.c4 .el :hover { background-color:#3b893d; } 
.dpt.c5 .el :hover { background-color:#42a8b8; } 

.tit-3.c1 .iconfont,.tit-3.c1 .dot,.tit-3.c1 .txt { color: #0d5b67; } 
.tit-3.c1 .line { background-color: #0d5b67; } 
.tit-3.c2 .iconfont,.tit-3.c2 .dot,.tit-3.c2 .txt { color: #ffb1b1; } 
.tit-3.c2 .line { background-color: #ffb1b1; } 
.tit-3.c3 .iconfont,.tit-3.c3 .dot,.tit-3.c3 .txt { color: #ee6666; } 
.tit-3.c3 .line { background-color: #ee6666; } 
.tit-3.c4 .iconfont,.tit-3.c4 .dot,.tit-3.c4 .txt { color: #3b893d; } 
.tit-3.c4 .line { background-color: #3b893d; } 
.tit-3.c5 .iconfont,.tit-3.c5 .dot,.tit-3.c5 .txt { color: #42a8b8; } 
.tit-3.c5 .line { background-color: #42a8b8; } 


/* 部门详细 */
.dptshow { padding: 40px 0; } 
.dptshow .title { margin-bottom: 30px; font-size: 30px; color: #000000; *zoom: 1; } 
.dptshow .title:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.dptshow .title a { display: block; float: right; font-size: 16px; color: #006699; line-height: 40px; } 
.dptshow .title a:hover { color: #ed7d63; } 
.dptshow .smry { background-color: #f8f8f8; padding:25px 30px; font-size: 16px; color: #000000; text-indent: 2em; line-height: 40px; margin-bottom: 60px; } 

.dptshow .more { text-align: center; color: #006699; font-size: 20px; cursor: pointer; } 
.dptshow .more:hover { color: #ed7d63; } 

/* 内页专家框 */
.expert { position: relative; margin-bottom: 30px; width: 1260px; } 
.expert .prev, .expert .next { position: absolute; top: 200px; font-size: 50px; color: #cccccc; cursor: pointer; user-select: none; } 
.expert .prev { left: -65px; } 
.expert .next { right: -65px; } 
.expert .prev:hover,.expert .next:hover { color: #006699; } 
.expert .bd { padding-top: 10px !important; overflow: hidden; height: 433px; } 
.expert .el { padding-top: 10px; margin-bottom: 10px; float: left; margin-right: 25px; width: 290px; height: 430px; } 
.expert .el a { display: block; border-radius: 10px; border: 1px solid #e5e5e5; transition: .3s all ease; padding-top: 30px; height: 390px; } 
.expert .el a .img { margin: 0 auto; border-radius: 100%; width: 195px; height: 195px; overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover; margin-bottom: 25px; text-align: center; } 
.expert .el a .img img { width: 195px; max-height: unset; } 
.expert .el a .t { margin-bottom: 15px; font-size: 24px; color: #006699; text-align: center; } 
.expert .el a .ti { margin: 0 auto; margin-bottom: 25px; font-size: 16px; color: #fff; text-align: center; height: 35px; line-height: 35px; width: 200px; border-radius: 5px; background-color: #82b9dd; } 
.expert .el a .sec { font-size: 16px; color: #ed7d63; text-align: center; height: 22px; font-weight: bold; white-space: nowrap; overflow: hidden; } 
.expert .el a .tip { height: 62px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-top: 1px solid #e5e5e5; height: 60px; line-height: 60px; text-align: center; font-size: 20px; color: #282828; } 
.expert .el:hover a { border: 1px solid #006699; margin-top:-10px; box-shadow: 0 0 10px 0px #d8d8d8; transition: .3s all ease; } 

.expert.ds .el .img { margin-bottom: 20px; } 
.expert.ds .el .t { margin-bottom: 10px; } 
.expert.ds .el .ti { margin-bottom: 10px; } 
.expert.ds .el .tip { margin-top: 5px; } 

/* 专家搜索 */
.expsch { white-space: nowrap; font-size: 0; height: 40px; margin-bottom: 45px; padding: 30px 35px; border: 1px solid #f3f3f3; box-shadow: 0 0 10px 5px #f3f3f3; } 
.expsch form>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; } 
.expsch select { line-height: 45px; margin-right: 25px; width: 280px; height: 45px; padding: 0 15px; border: 1px solid #e5e5e5; outline: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.expsch input { width: 315px; height: 45px; line-height: 45px; padding: 0 15px; border: 1px solid #e5e5e5; outline: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.expsch .btn { margin-left: 20px; cursor: pointer; width: 180px; height: 45px; line-height: 45px; background-color: #ed7d63; font-size: 16px; color: #ffffff; text-align: center; border-radius: 5px; } 
.expsch .btn .iconfont { font-size: 26px; color: white; vertical-align: middle; margin-right: 10px; } 
.expsch .btn:hover { background-color: #006699; } 

/* 专家详情 */
.expshow { position: relative; } 
.expshow .img { width: 355px; max-height: 600px; position: absolute; left: 0; top: 0; z-index: 2; background-color: white; } 
.expshow .img img { width: 355px; max-height:100% ; } 
.expshow .con { position: relative; z-index: 1; min-height: 430px; background-color: #f8f8f8; padding: 45px 70px; padding-left: 260px; margin-left: 180px; } 
.expshow .con .title { margin-bottom: 30px; } 
.expshow .con .title div { font-size: 16px; color: #000000; line-height: 40px; } 
.expshow .con .title div span { color: #8e8d8d; } 
.expshow .con .smry { margin-bottom: 40px; } 
.expshow .con .smry .t { font-size: 16px; color: #006699; font-weight: bold; margin-bottom: 10px; } 
.expshow .con .smry .c { font-size: 16px; color: #5f5f5f; line-height: 35px; } 

/* 领导 */
.leader { position: relative; width: 1260px; } 
.leader .top { margin-bottom: 25px; width: 1260px; } 
.leader .btm { } 
.leader .bigel { margin-right: 30px; float: left; width: 600px; height: 350px; white-space: nowrap; font-size: 0; } 
.leader .bigel a { font-size: 0; } 
.leader .bigel a>div { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; white-space: normal; } 
.leader .bigel .img { width: 290px; height: 350px; overflow: hidden; } 
.leader .bigel .img img { width: 290px; height: 350px; transition: .3s all ease; } 
.leader .bigel .con { width: 260px; height: 300px; background-color: white; padding:25px; } 
.leader .bigel .con .tit { margin-bottom: 5px; font-size: 26px; color: #000000; font-weight: bolder; line-height: 50px; } 
.leader .bigel .con .c { height: 175px; font-size: 16px; color: #6c6c6c; line-height: 35px; } 
.leader .bigel .btn { transition: .3s all ease; margin-top: 20px; width: 53px; height: 53px; border-radius: 3px; background-color: #006599; text-align: center; line-height: 53px; font-size: 26px; color: white; } 
.leader .bigel:hover a img { transform: scale(1.05); transition: .3s all ease; } 
.leader .bigel:hover .con { background-color: #006699; } 
.leader .bigel:hover .con .tit,.leader .bigel:hover .con .c { color: white; } 
.leader .bigel:hover .btn { margin-left: 200px; transition: .3s all ease; background-color: white; color: #006699; } 
.leader .btm.on .el:first-child { margin-left: 180px; } 
.leader .btm.on .el:first-child+.el { margin-left: 270px; } 

.leader .el { margin-bottom: 20px; float: left; margin-right: 24px; width: 290px; height: 430px; } 
.leader .el a { display: block; transition: .3s all ease; } 
.leader .el a .img { width: 290px; height: 350px; text-align: center; overflow: hidden; } 
.leader .el a .img img { width: 290px; height: 350px; transition: .3s all ease; } 
.leader .el a .con { padding-top: 15px; text-align: center; } 
.leader .el a .fl { width: 290px; } 
.leader .el a .t { font-size: 22px; color: #000000; font-weight: bold; color: #006699; } 
.leader .el a .ti { font-size: 16px; color: #6c6c6c; line-height: 35px; } 
.leader .el a .btn { width: 53px; height: 53px; border-radius: 3px; background-color: #006599; text-align: center; line-height: 53px; font-size: 26px; color: white; } 
.leader .el:hover a img { transform: scale(1.05); transition: .3s all ease; } 
.leader .el:hover a .ti { color: #006699; } 

/* 搜索 */
.search { height: 40px; padding: 25px 35px; background-color: white; border-radius: 10px; width: 1160px; *zoom: 1; overflow: hidden; } 
.search:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.search input { border: none; outline: none; width: 980px; padding-right: 40px; border-right: 1px solid #c9c9c9; background-color: white; height: 40px; line-height: 40px; font-size: 24px; color: #000; display: block; float: left; } 
.search .btn { outline: none; border: none; background-color: transparent; cursor: pointer; margin-right: 20px; float: right; font-size: 24px; color: #006699; line-height: 40px; } 
.search .btn:hover { color: #ed7d63; } 

.searchtxt { height:70px; line-height: 70px; padding: 0 30px; background-color: #f0faff; } 
.searchtxt .fl { font-size: 24px; color: #006699; } 
.searchtxt .fl span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;max-width: 900px;}
.searchtxt .fr { font-size: 16px; color: #7e7f7f; } 
.searchtxt .fr span { color: #006699; padding: 0 10px; } 

.innscharea { border: 1px solid #dddddd; margin-bottom: 20px; padding: 10px 0; } 
.innscharea form { } 
.innscharea input { float: left; display: block; border: none; outline: none; height: 50px; line-height: 50px; width:1000px; font-size: 20px; color: #000; padding: 0 40px; } 
.innscharea .btn { float: right; display: block; font-size: 22px; color: #006699; line-height: 50px; padding: 0 20px; border-left: 1px solid #c9c9c9; cursor: pointer; width: 70px; text-align: center; } 
.innscharea .btn:hover { color: #ed7d63; } 

/* 服务 */
.service { padding: 50px 0; } 
.service .sernav { *zoom: 1; width: 1260px; margin-bottom: 50px; font-size: 0; text-align: center; white-space: nowrap; } 
.sernav .sernav:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.service .sernav .el { margin-right: 23px; background-color: #f4f4f4; width: 185px; height: 220px; text-align: center; border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; white-space: normal; } 
.service .sernav .el a { padding: 45px 0; display: block; height: 128px; } 
.service .sernav .el .iconfont { height: 61px; display: block; font-size: 60px; color: #006699; } 
.service .sernav .el .iconfont.f80 { font-size: 80px; vertical-align: top; margin-top: -10px; margin-bottom: 10px; } 
.service .sernav .el .tit { line-height: 65px; font-size: 20px; color: #666666; border-bottom: 1px solid #c5c5c5; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.service .sernav .el:hover,.service .sernav .el.on { background-color: #006699; } 
.service .sernav .el:hover .iconfont,.service .sernav .el.on .iconfont,.service .sernav .el:hover .tit,.service .sernav .el.on .tit { color: white; } 

.service .con { font-size: 16px; color: #000000; } 
.service .con p { font-size: 16px; color: #000000; line-height: 40px; } 
.service .con h1 { font-size: 16px; color: #006699; margin-bottom: 10px; font-weight: bold; } 

.service .map { margin-top: 30px; position: relative; } 
.service .map .mapcon { position: absolute; width: 514px; height: 55px; z-index: 99999; background-color: transparent; left: 0; bottom: 40px; } 
 

.busway { } 
.busway .el { min-height: 80px; padding: 30px 0; padding-left: 80px; border-bottom: 1px solid #e9e9e9; background: url(../images/bus.png) no-repeat left 30px; } 
.busway .el .tit { font-size: 22px; color: #006699; font-weight: bold; } 
.busway .el .con1,.busway .el .con2 { font-size: 16px; color: #5f5f5f; line-height: 40px; } 
.busway .el .con1 span,.busway .el .con2 span { font-weight: bold; } 
.busway .el .con2 { display: none; } 
.busway .el .btn { text-align: center; color: #006699; cursor: pointer; height: 30px; line-height: 30px; } 
.busway .el .btn span { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; transition: .3s all ease; } 
.busway .el .btn:hover span { color: #ed7d63; transform: translateY(20px); transition: .4s all ease; } 
.busway .el.on { padding-bottom: 10px; } 
.busway .el.on .btn span { transform: rotate(180deg); transform: .3s all ease; } 
.busway .el.on .btn:hover span { transform: translateY(-20px) rotate(180deg); transition: .4s all ease; } 

.ser-1 { margin-bottom: 30px; width: 1240px; } 
.ser-1 .el { float: left; text-align: center; height: 363px; width: 613px; border: 1px solid #e5e5e5; } 
.ser-1 .el>div { display: table-cell; vertical-align: middle; height: 363px; width: 613px; } 
.ser-1 .el>div .img { margin: 0 auto; width: 230px; height: 230px; } 
.ser-1 .el>div .img img { width: 230px; height: 230px; } 
.ser-1 .el>div .t { font-size: 16px; color: #000000; line-height: 60px; } 

.ser_form { } 
.ser_form .form_t { margin-bottom: 30px; font-size: 0; width: 1280px; } 
.ser_form input { width: 318px; margin-right: 30px; padding-left: 50px; padding-right: 20px; height: 58px; border: 1px solid #e5e5e5; outline: none; font-size: 16px; color: #000; } 
.ser_form input.ipt-1 { background: url(../images/ser2.png) no-repeat 20px center; } 
.ser_form input.ipt-2 { background: url(../images/ser1.png) no-repeat 20px center; } 
.ser_form input.ipt-3 { background: url(../images/ser3.png) no-repeat 20px center; } 
.ser_form textarea { width:1158px; height: 110px; font-size: 16px; padding: 20px; padding-left: 50px; border: 1px solid #e5e5e5; resize: none; outline: none; background: url(../images/ser4.png) no-repeat 20px 20px; } 
.ser_form input::placeholder,.ser_form textarea::placeholder { color: #e2e2e2; } 
.ser_form .btn { cursor: pointer; margin: 0 auto; margin-top: 30px; width: 260px; height: 70px; line-height: 70px; text-align: center; font-size: 24px; color: #ffffff; background-color: #006699; } 
.ser_form .btn:hover { background-color: #ed7d63; } 

/* 联系 */
.contact { } 
.contact .map { height: 460px; margin-bottom: 25px; } 
.contact .cl { width: 1250px; } 
.contact .el { float: left; width:290px; height: 185px; margin-left: 21px; border: 1px solid #e5e5e5; text-align: center; } 
.contact .el:first-child { margin-left: 0; } 
.contact .el div { width:270px; height: 145px; padding: 20px 10px; display: table-cell; vertical-align: middle; font-size: 16px; color: #000000; line-height: 30px; } 
.contact .el .iconfont { display: block; font-size: 50px; color: #006699; margin-bottom: 15px; } 


/* 关于 */
.honor { position: relative; } 
.honor .bd { overflow: hidden; } 
.honor ul { } 
.honor li { margin-right: 30px; width: 388px; height: 398px; background-color: white; border: 1px solid #dcdcdc; float:left; } 
.honor .prev, .honor .next { position: absolute; top: 180px; font-size: 50px; color: #cccccc; cursor: pointer; user-select: none; } 
.honor .prev { left: -65px; } 
.honor .next { right: -65px; } 
.honor .prev:hover,.honor .next:hover { color: #006699 !important; } 
.honor li a { display: table-cell; width: 328px; height: 398px; padding: 0 30px; vertical-align: middle; text-align: center; *display:block; display:block\0; } 
.honor li:hover { border: 1px solid #006699; } 


/* 用户中心 */
.member { background-color: white; padding: 70px 0; *zoom:1; } 
.member:after { content:""; display:block; height:0; clear:both; visibility:hidden; } 
.member .lmenu { float: left; width: 228px; border: 1px solid #dddddd; } 
.member .lmenu .title { font-size: 22px; color: #000000; text-align: center; height: 60px; line-height: 60px; border-bottom: 1px solid #dddddd; } 
.member .lmenu .avatar { text-align: center; padding: 25px 0; } 
.member .lmenu .avatar .img { margin-bottom: 10px; width: 100%; height: 105px; text-align: center; } 
.member .lmenu .avatar .img img { width: 105px; height: 105px; border-radius: 100%; } 
.member .lmenu .avatar .tit { } 
.member .lmenu .avatar .tit div { font-size: 18px; color: #272727; font-weight: bolder; padding: 5px 0; } 
.member .lmenu .avatar .tit span { font-size: 16px; color: #b6b6b6; } 
.member .lmenu .menu { padding-bottom: 20px; } 
.member .lmenu .menu .el { border-left: 2px solid transparent; height: 50px; line-height: 50px; text-align: center; } 
.member .lmenu .menu .el a { display: block; font-size: 16px; color: #484948; } 
.member .lmenu .menu .el:hover,.member .lmenu .menu .el.on { border-left: 2px solid #006699; background-color: #ecf9ff; } 
.member .lmenu .menu .el:hover a,.member .lmenu .menu .el.on a { color: #006699; font-weight: bold; } 
.member .rcon { float: right; width: 970px; min-height: 570px; } 

.mbrform { margin-top: 30px; } 
.mbrform .el { margin-bottom: 20px; } 
.mbrform .el>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; color: #000000; } 
.mbrform .el span { font-size: 16px; color: #4c4c4c; width: 100px; } 
.mbrform .el span.vt { vertical-align: top; } 
.mbrform .el input { border: 1px solid #dddddd; outline: none; width: 390px; padding: 0 20px; height: 50px; line-height: 50px; } 
.mbrform .el textarea { border: 1px solid #dddddd; outline: none; width: 813px; padding:20px; height: 110px; resize: none; } 
.mbrform .btn { margin: 0 auto; margin-top: 40px; cursor: pointer; width: 210px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #ffffff; background-color: #006699; } 
.mbrform .btn:hover { background-color: #ed7d63; } 

.mbrform .photo { margin-top: 35px; } 

/* 登录 */

/* 用户登录注册 */
.lgarg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; padding-top: 230px; z-index: 9999999; background-color: rgba(0, 0, 0, .7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } 
.lgarg .area { position: relative; border-radius: 10px; display: none; width: 360px; padding: 0 45px; padding-bottom: 35px; margin: 0 auto; background-color: white; } 
.lgarg .area#register { padding-bottom: 0; } 
.lgarg .area .tit { margin-bottom: 20px; padding: 25px 0; padding-top: 50px; text-align: center; font-size: 24px; color: #006699; } 
.lgarg .area .tit img { width: 100%; } 
.lgarg .area input { height: 45px; line-height: 45px; margin-bottom: 20px; padding: 0 40px; width: 278px; font-size: 16px; display: block; border: 1px solid #dddddd; outline: none; color: #000; } 
.lgarg .area input::placeholder { color: #b3b3b3; } 
.lgarg .area input.codeimg { width: 145px; float: left; background: url(../images/code1.png) no-repeat 14px center; margin-bottom: 0; } 
.lgarg .area input.mbcode { width: 146px; background: url(../images/mail1.png) no-repeat 12px center; float: left; margin-bottom: 0; } 
.lgarg .area .embed { width: 118px; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #00a0e9; background-color: #fafafa; cursor: pointer; border: 1px solid #dddddd; float: right; } 
.lgarg .area .embed:hover { background-color: #d8d8d8; } 
.lgarg .area .codearea { width: 100%; margin-top: 20px; margin-bottom: 20px; } 
.lgarg .area .codearea .img { width: 118px; height: 44px; border: 1px solid #dddddd; float: right; display: block; } 
.lgarg .area #rgpassword { margin-bottom: 10px !important; margin-top: 20px; } 
.lgarg .area .confirm { margin-bottom: 10px; } 
.lgarg .area input[type="checkbox"] { display: inline; margin-bottom: 0; vertical-align: middle; margin-right: 10px; width: 18px; height: 18px; border-radius: 0; background-color: #e5e5e5; cursor: pointer; } 
.lgarg .area .confirm label { display: inline; font-size: 16px; color: #b3b3b3; cursor: pointer; vertical-align: middle; } 
.lgarg .area .confirm label span { color: #006699; } 
.lgarg .area .rglg { text-align: center; padding: 20px 0; font-size: 16px; color: #8a8a8a; } 
.lgarg .area .rglg span { color: #00a0e9; cursor: pointer; } 
.lgarg .area .rglg span:hover { color: #006699; } 
.lgarg .area .btn { margin-top: 20px; display: block; transition: .3s all linear; background-color: #006699; width: 360px; height: 45px; line-height: 45px; font-size: 18px; color: white; text-align: center; } 
.lgarg .area .btn:hover { opacity: .8; cursor: pointer; transition: .3s all linear; } 
.lgarg .area input.mobile { background: url(../images/mb.png) no-repeat 14px center; } 
.lgarg .area input.pwd { background: url(../images/pwdd1.png) no-repeat 18px center,url(../images/pwd2.png) no-repeat 325px center; margin: 0; } 
.lgarg .area .lgtype { text-align: center; font-size: 0; margin: 20px 0; } 
.lgarg .area .typebtn.mb { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/mobile.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 
.lgarg .area .typebtn.ac { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; background: url(../images/account.png) no-repeat center; width: 40px; height: 40px; cursor: pointer; } 
.lgarg .area .rgfp { font-size: 16px; color: #8a8a8a; } 
.lgarg .area .typebtn.rg { float: left; } 
.lgarg .area .typebtn.fp { float: right; } 
.lgarg .area .typebtn.fp:hover,.area .typebtn.rg:hover { color: #006699; cursor: pointer; } 
.lgarg .area#wxlogin { padding-bottom: 0; } 
.lgarg .area#wxlogin .typebtn.ac { margin-right: 0; } 
.lgarg .area#wxlogin .lgtype { margin-bottom: 0; z-index: 9999999; } 
.lgarg .area .wxqr { width: 300px; height: 270px; margin: 0 auto; overflow: hidden; } 
.lgarg .area .wxqr .tit { padding-top: 25px; padding-bottom: 10px; } 
.lgarg .area .wxqr img { width: 100%; height: 100%; } 
.lgarg .area#findpwd .btn { margin-bottom: 20px; } 
.lgarg .area .close { top: 10px; right: 10px; cursor: pointer; width: 28px; height: 28px; position: absolute; } 
.lgarg .area .close div { transition: .2s all ease; font-size: 28px; color: #006699; } 
.lgarg .area .close:hover div { transform: rotate(180deg); transition: .3s all linear; } 



/* 招聘 */
.recruit-title { background-color: #f8f8f8; padding: 45px 0; } 
.recruit-title .con { padding: 45px 50px; background-color: white; box-shadow: 0 0 10px 5px #e9e9e9; } 
.recruit-title .con .lcon { float: left; width: 840px; } 
.recruit-title .con .lcon span { font-size: 36px; color: #000000; } 
.recruit-title .con .lcon div { font-size: 36px; color: #000000; font-weight: bolder; margin-top: 20px; } 

.recruit-title .con .rcon { float: right; font-size: 0; } 
.recruit-title .con .rcon div { border-radius: 5px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.recruit-title .con .rcon .txt { font-size: 20px; color: #000; } 
.recruit-title .con .rcon .txt a { display:unset; font-size: 20px; color: #908b8b; } 
.recruit-title .con .rcon .txt a:hover { color: #006599; } 
.recruit-title .con .rcon div a { cursor: pointer; display: block; font-size: 16px; } 
.recruit-title .con .rcon div.btn3 { margin-top: 20px; display: block; margin-right: 20px; width: 140px; height: 40px; background-color: #ed7d63; text-align: center; line-height: 40px; } 
.recruit-title .con .rcon div.btn3 a { color: white; } 
.recruit-title .con .rcon div.btn1 { margin-right: 20px; width: 120px; height: 40px; background-color: #006699; text-align: center; line-height: 40px; } 
.recruit-title .con .rcon div.btn2 { width: 118px; height: 38px; border: 1px solid #006699; line-height: 38px; text-align: center; } 
.recruit-title .con .rcon div.btn1 a { color: white; } 
.recruit-title .con .rcon div.btn2 a { color: #006699; } 
.recruit-title .con .rcon div.btn1:hover { background-color:#ed7d63; } 
.recruit-title .con .rcon div.btn2:hover { border: 1px solid #ed7d63; } 
.recruit-title .con .rcon div.btn2:hover a { color: #ed7d63; } 
.recruit-title .con .rcon div.btn3:hover { background-color: #006599; } 

.joinwrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; background-color: rgba(0, 0, 0, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } 

.img_pop { background-color: white; margin: 0 auto; margin-top: 40px; width: 1230px; text-align: center; position: relative; } 
.img_pop.h1 { height: 600px; } 
.img_pop .t { font-size: 28px; color: #333333; text-align: center; line-height: 35px; margin: 0 25px; padding: 15px 45px; border-bottom: 1px solid #e5e5e5; font-weight: bolder; } 
.img_pop .img { padding: 50px 0; } 
.img_pop .img img { max-height: 550px; } 
.img_pop .closebtn { width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 100%; border: 2px solid #989898; position: absolute; top: 10px; right: 20px; font-size: 26px; color: #989898; cursor: pointer; } 
.img_pop .closebtn:hover { border:2px solid #006699; color: #006699; } 
.img_pop .con { margin: 30px 0; height: 350px; overflow-y: auto; text-align: left; font-size: 18px; color: #333333; line-height: 35px; } 


.joinsform { padding: 20px 30px; margin: 0 auto; margin-bottom: 40px; background-color: #f8f8f8; } 
.joinsform strong { color: red; margin-right: 5px; vertical-align: middle; } 
.joinsform .tit { font-size: 26px; color: #006699; font-weight: bold; margin-bottom: 30px; position: relative; } 
.joinsform .tit span { display: block; border-left: 4px solid #006699; text-align: left; line-height: 25px; padding-left: 20px; } 
.joinsform .tit .add { position: absolute; right: 0; top: 0; cursor: pointer; font-size: 20px; } 
.joinsform .tit .add:hover { color: #e13737; } 
.joinsform .tit .add em { font-size: 20px; margin-right: 5px; } 
.joinsform .cl { font-size: 0; text-align: left; } 
.joinsform .el { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; width: 585px; margin-bottom: 20px; } 
.joinsform .el.el1 { display: block; width: 100%; } 
.joinsform .el>span { font-size: 17px; color: #333333; width: 150px; text-align:right; line-height: 25px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .el>input { vertical-align: middle; font-size: 18px; width: 340px; padding: 0 30px; height: 45px; line-height: 45px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.joinsform .el>input.w1 { width: 170px; } 
.joinsform .el>select { vertical-align: middle; font-size: 18px; width: 350px; padding: 0 30px; height: 45px; line-height: 45px; background-color: white; outline: none; border: 1px solid #e0e0e0; background-image: url("../images/down.png"); background-repeat: no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; } 
.joinsform .el>select::-ms-expand { display: none; } 
.joinsform .el>select::placeholder,.joinsform .el input::placeholder { font-size: 18px; color: #bcbcbc; } 
.joinsform .el textarea { vertical-align: top; resize: none; font-size: 18px; width: 953px; padding: 15px; height: 150px; line-height: 30px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.joinsform .el textarea.w1 { width: 378px; } 
.joinsform .el>.code { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .el>input#code { width: 150px; margin-right: 20px; } 
.joinsform .el>img { height: 50px; width: 120px; vertical-align: middle; cursor: pointer; } 
.joinsform .pdfuploader { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .btn { margin: 0 auto; margin-top: 40px; width: 260px; height: 60px; line-height: 60px; cursor: pointer; background-color: #006699; color: white; font-size: 24px; } 
.joinsform .btn:hover { opacity: .8; } 

.joinsform .btnarea .btn-start { overflow: hidden; cursor: pointer; float: left; border: 1px solid #e0e0e0; width: 130px; height: 30px; line-height: 30px; font-size: 16px; color: #ffffff; text-align: center; background-color: #cc9961; } 
.joinsform .btnarea .btn-sel { overflow: hidden; position: relative; cursor: pointer; float: left; margin-right: 40px; border: 1px solid #e0e0e0; width: 130px; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; background-color: #dbdada; text-align: center; color: #333333; } 
.joinsform .btnarea .btn-sel input { display: none; position: absolute; clip: rect(1px,1px,1px,1px); width: 130px !important; height: 50px !important; margin: 0 !important; padding: 0 !important; } 
.joinsform .btnarea .btn-sel label { width: 130px !important; height: 30px !important; } 

.joinsform .btnarea .btn-sel:hover,.joinsform .btnarea .btn-start:hover{ background-color: #006699; color: white; } 
.joinsform .tip { margin-left: 60px; text-align: left; font-size: 20px; cursor: pointer; } 
.joinsform .tip input { margin-right: 10px; width: 20px; height: 20px; vertical-align: -3px; } 

.joinsform .el-list { margin-left: 80px; } 
.joinsform .el-list .els { position: relative; font-size: 16px; margin-bottom: 30px; } 
.joinsform .el-list .els .title { margin-left: 10px; font-weight: bold; margin-bottom: 10px; } 
.joinsform .el-list .els .title span { margin-right: 20px; } 
.joinsform .el-list .els .cont { color: #666666; } 
.joinsform .el-list .els .cont span { margin:0 10px; text-align: center; } 

.joinsform .el-line { overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; width: 1170px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; text-align: left; font-size: 0; } 
.joinsform .el-line .line { margin-bottom: 10px; width: 585px; text-align: left; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; } 
.joinsform .el-line .line span { font-size: 16px; line-height: 35px; width: 150px; text-align: right; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.joinsform .el-line .line em { vertical-align: middle; margin: 0 12px; line-height: 35px; font-size: 20px; color: #000; text-align: center; } 
.joinsform .el-line input { vertical-align: middle; font-size: 16px; width: 367px; padding: 0 20px; height: 35px; line-height: 35px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.joinsform .el-line input.w1 { width: 166px; padding: 0 10px; text-align: center; } 
.joinsform .el-line input::placeholder { font-size: 16px; } 
.joinsform .el-line .del { font-size: 16px; width: 170px; height: 40px; line-height: 40px; margin: 0 auto; background-color: #ed7d63; color: white; text-align: center; cursor: pointer; } 
.joinsform .el-line .del:hover { background-color: #006699; } 

/* */

.pdfuploader { width: 420px; position: relative; height: 50px; } 
.pdfuploader .btnarea { position: relative; } 
.pdfuploader .text { max-width: 420px; font-size: 16px; color: #999999;position: absolute; bottom: -21px; left: 0; padding-bottom:10px} 
.pdfuploader .text .info { display: block; vertical-align: middle;text-align:left; } 
.pdfuploader .text .pdfList { line-height: normal; margin-top:5px;}
.pdfuploader .info{white-space: nowrap; line-height: normal; max-width: 420px;overflow: hidden;text-overflow: ellipsis;} 
.pdfuploader .progress{position:absolute;left:0;bottom:-6px; display:none; width:300px;margin-top:5px; height:10px;border-radius:5px;background-color:#dbdada;overflow:hidden;}
.pdfuploader .progress span{display:block;height:100%;width:0;background-color:#006699;transition:.1s all ease;}

.btnarea .btn-start { cursor: pointer; float: left; border: 1px solid #e0e0e0; width: 130px; height: 30px; line-height: 30px; font-size: 16px; color: #ffffff; text-align: center; background-color: #cc9961; } 
.btnarea .btn-sel { cursor: pointer; float: left; margin-right: 40px; border: 1px solid #e0e0e0; width: 130px; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; background-color: #dbdada; text-align: center; color: #333333; } 
.btnarea .btn-sel input { position: absolute; clip: rect(1px,1px,1px,1px); width: 130px !important; height: 50px !important; margin: 0 !important; padding: 0 !important; } 
.btnarea .btn-sel label { width: 130px !important; height: 50px !important; } 
.btnarea .btn-sel div { display: block; width: 130px !important; height: 100% !important; } 
.btnarea .btn-sel:hover,.btnarea .btn-start:hover,.btnarea .btn-start.on { background-color: #006699; color: white; } 


.uploader { width: 378px; margin-top: 10px; background-color:#fafafa; padding:10px; border-color:#e5e5e5 #eee #eee; border-width:1px; border-style:solid; display: inline-block; *zoom: 1; *display: inline; vertical-align: top; } 
.uploader.u1 { margin-left: 160px; } 



.f-list { margin-bottom: 10px; } 
.f-list li { display: block; white-space: nowrap; background: #e6ebefef; margin: 5px 0; padding: 3px 5px; font-size: 0; } 
.f-list li>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; } 
.f-list li .name { color: black; margin-right: 10px; width: 130px; overflow: hidden; text-overflow: ellipsis; } 
.f-list li .size { color: #aaa; width: 80px; } 
.f-list li .state { color: #aaa; margin-left: 5px; } 
.f-list li .del { color: red; cursor: pointer; margin-left: 5px; } 
.f-list li .del:hover { text-decoration: underline; } 
.f-list li .dels { color: #aaa; cursor: pointer; margin-left: 5px; } 
.f-list li .dels:hover { text-decoration: underline; } 



.likefloat { white-space: nowrap; font-size: 0; display: none; position: fixed; width: 23px; overflow: hidden; height: 25px; bottom: 20%; left: 50%; margin-left: 500px; padding: 5px; background-color: #006699; cursor: pointer; border-radius: 5px; font-size: 16px; color: white; transition: .3s all ease; } 
.likefloat>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 16px; color: white; text-align: center; } 
.likefloat .iconfont { font-size: 25px; color: white; } 
.likefloat .close { width: 5px; height: 5px; position: absolute; right: 0; top: 0; } 
.likefloat:hover { background-color: #ed7d63; width: 80px; transition: .3s all ease; } 
.likefloat.on { background-color: #ed7d63; } 


.reservation { } 
.reservation .wd { border-right: 1px solid #dcdcdc; vertical-align: middle; font-size: 16px; } 
.reservation .w1 { width: 248px; border: 1px solid #dcdcdc; border-top: none; border-bottom: none; } 
.reservation .w2 { width: 75px; } 
.reservation .w3 { width: 128px; } 

.reservation .title { font-size: 22px; color: #ffffff; font-weight: bolder; text-align: center; height: 60px; line-height: 60px; background-color: #006699; } 

.reservation table { font-size: 16px; border: 0; border-collapse: collapse; } 

.reservation table thead { font-size: 0; } 
.reservation table thead>* { background-color: #dcdcdc; height: 55px; text-align: center; font-size: 16px; color: #515251; } 

.reservation table tbody { font-size: 0; color: #515251; border-bottom: 1px solid #dcdcdc; } 
.reservation table tbody .w1 a { font-size:18px; color: #515251; font-weight: bolder; } 
.reservation table tbody .w1 a[href]:hover { color: #ed7d63; } 
.reservation table tbody .td { vertical-align: middle; } 
.reservation table tbody .wd.w2,.reservation table tbody .wd.w3 { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.reservation table tbody tr { text-align: center; background-color: white; } 
.reservation table tbody tr.on { background-color: #f5f5f5; } 
.reservation table tbody tr td.w2 { vertical-align: unset; } 
.reservation table tbody tr td.w2 div { min-height: 60px; line-height: 60px; } 

.reservation table tbody tr td.cl { white-space: nowrap; text-align: center; } 
.reservation table tbody tr td .el { min-height: 40px; white-space: normal; line-height: 30px; border-right: 1px solid #dcdcdc; } 
.reservation table tbody tr td .el span { cursor: pointer; min-width: 61px; font-size: 16px; text-align: center; white-space: nowrap; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; line-height: normal; } 
.reservation table tbody tr td .el span a { display: block; width: 100%; height: 100%; font-size: 16px; } 
.reservation table tbody tr td .el span:hover a { color: #000; } 
.reservation table tbody tr td .moring { border-bottom: 1px solid #dcdcdc; } 
.reservation table tbody tr td .moring .w2 { color:#ed7d63; } 
.reservation table tbody tr td .moring .w3 a { color: #ed7d63; } 
.reservation table tbody tr td .afternoon .w2 { color: #006699; } 
.reservation table tbody tr td .afternoon .w3 a { color: #006699; } 

.docinfo { width: 260px; } 
.docinfo .top .img { float: left; width: 100px; height: 130px; overflow: hidden; text-align: center; } 
.docinfo .top .img img { width:100px; height:auto; max-height: unset; max-width: unset; } 
.docinfo .top .con { float: right; width:150px; } 
.docinfo .top .con .tit { font-size: 20px; font-weight: bolder; margin-bottom: 10px; } 
.docinfo .top .con .el1 { margin-bottom: 5px; font-size: 14px; } 
.docinfo .smry { margin-top: 10px; font-size: 15px; line-height: 25px; } 


.wx img { width: 101px; height: 101px; } 


.share { border-top: solid 2px #F0F0F0; overflow: hidden; padding: 20px 0; } 
.share>* { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.share span { font-size: 16px; height: 27px; line-height: 27px; color: #797979; } 
.share a { width: 27px; height: 27px; margin-right: 10px; cursor: pointer; } 
.share a.i1 { background: url(../images/ico-1.png) no-repeat center; } 
.share a.i2 { background: url(../images/ico-2.png) no-repeat center; } 
.share a.i3 { background: url(../images/ico-3.png) no-repeat center; } 
.share a.i4 { background: url(../images/ico-4.png) no-repeat center; } 
.share a.i5 { background: url(../images/ico-5.png) no-repeat center; } 


.shareCode { display: none; width: 190px; height: 240px; padding: 15px; border: 2px solid #eeeeee; background: #f4f1f1; } 
.shareCode .code { width: 150px; height: 150px; margin: 0 auto; } 
.shareCode .code canvas { width: 150px; height: 150px; margin: 0 auto; } 
.shareCode .t { font-size: 16px; color: #3a3636; margin-bottom: 12px; } 
.shareCode .bottom { font-size: 14px; color: #615e5e; margin-top: 15px; } 



.trendwrap { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; background-color: rgba(0, 0, 0, .6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); } 


.trendform { padding: 20px 25px; width: 1180px; margin: 0 auto; } 
.trendform strong { color: red; margin-left: 5px; vertical-align: middle; } 
.trendform .tit { font-size: 26px; color: #006699; font-weight: bold; margin-bottom: 30px; } 
.trendform .tit span { display: block; border-left: 4px solid #006699; text-align: left; line-height: 25px; padding-left: 20px; } 
.trendform .el { display: block; float: left; width: 580px; margin-bottom: 30px; } 
.trendform .el>span { text-align: left; font-size: 18px; color: #333333; width: 130px; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.trendform .el input { text-align: left; vertical-align: middle; font-size: 18px; width: 360px; padding: 0 30px; height: 45px; line-height: 45px; background-color: white; outline: none; border: 1px solid #e0e0e0; } 
.trendform .el select { vertical-align: middle; font-size: 18px; width: 350px; padding: 0 30px; height: 45px; line-height: 45px; background-color: white; outline: none; border: 1px solid #e0e0e0; background-image: url("../images/down.png"); background-repeat: no-repeat; background-position: center right; -webkit-appearance: none; -moz-appearance: none; } 
.trendform .el select::-ms-expand { display: none; } 
.trendform .el select::placeholder,.joinsform .el input::placeholder { font-size: 18px; color: #bcbcbc; } 
.trendform .el .code { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.trendform .el input#code { width: 150px; margin-right: 20px; } 
.trendform .el img { height: 50px; width: 120px; vertical-align: middle; cursor: pointer; } 
.trendform .pdfuploader { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } 
.trendform .btn { margin: 0 auto; text-align: center; margin-top: 40px; width: 260px; height: 60px; line-height: 60px; cursor: pointer; background-color: #006699; color: white; font-size: 24px; } 
.trendform .btn:hover { opacity: .8; } 

.expschedule { margin-top: 30px; } 
.expschedule table { border-collapse: collapse; } 
.expschedule table td { width: 122px; text-align: center; vertical-align: middle; height: 65px; border: 1px solid #9ab6c4; } 
.expschedule table thead td { background-color: #006699; color: white; font-size: 16px; } 
.expschedule table tbody td { font-size: 15px; height: 100px; color: #5f6060; } 
.expschedule table tbody td.td4>div { background-color: #006699; width: 50px; color: white; margin: 0 auto; border-radius: 10px; margin-bottom: 5px; } 
.expschedule table tbody td.td1 { font-size: 20px; font-weight: bold; color: #000; } 
.expschedule table tbody td.td2 { font-size: 18px; color: #000; } 
.expschedule table tbody td.td3 { color: #000; font-size: 16px; } 
.expschedule table tbody td.td3>div { color: #abacad; font-size: 14px; margin-top: 5px; } 

.photo { width: 410px; height: 60px; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; } 
.photo>div { float:left; font-size: 16px; } 
.photo .photo-con { border: 1px solid #e5e5e5; width: 100px; height: 100px; position: absolute; top: -40px; left: 0; } 
.photo .photo-con>div,.photo .photo-con img { width: 100%; height: 100%; } 
.photo .btnarea { margin-left: 125px; width: 300px; } 
.photo .btnarea .warn { margin-bottom: 10px; font-size: 14px; width: 100%; } 

.photo span.close { position:absolute; right:-8px; top:-8px; width:18px; height:18px; line-height:18px; text-align:center; background:#666; border-radius:9px; font-size:16px; color:#fff; font-weight:normal; opacity:0.8; /* display:block; */ } 
.photo span.close.hide { display: none; } 


.select { user-select:none; width: 400px; height: 50px; z-index: 9999; line-height: 50px; border: 1px solid #e0e0e0; background-color: white; color: #000; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; cursor: pointer; position: relative; } 
.select .sel-tit { padding: 0 20px; height: 100%; text-align: left; background: url(../images/down.png) no-repeat 95% center; } 
.select .sel-con { max-height: 200px; overflow-y: auto; display: none; position: absolute; top: 50px; z-index: 9999; background-color: white; width: 99.8%; border-top: none; border: 1px solid #e0e0e0; left: 0; } 
.select .sel-con::-webkit-scrollbar { width: 5px; } 
.select .sel-con::-webkit-scrollbar-thumb { background-color: #006699; } 
.select .sel-con .sel-opt { padding: 0 20px; } 
.select .sel-con .sel-opt:hover { background-color: #c3e3f8; } 




@media screen and (max-width:1600px) { 
    /*body { min-width: 1230px; } */
 .idx-2 { overflow: hidden; } 
 /*.w1600 { width:1230px; } */
 /*.header .h_c .logo { max-width: 290px; line-height: 100px; } */
 /*.nav>.el { height: 100px; } */
 /*.nav>.el>a { line-height: 95px; font-size: 16px; } */
 /*.header-con { top: 149px; } */
 
 /*.footer,.footer a { font-size: 14px; } */
 /*.footer .f-l { width: 410px; } */
 /*.footer .f-r { width: 410px; } */
 /*.footer .f-l .sydw { left: 335px; } */
 /*.float .el { width: 45px; height: 45px; } */
 /*.float .el { line-height: 45px; } */
 /*.float .el.on { height: 30px; padding: 5px 0; font-size:12px; } */
 /*.float .el.on a { font-size: 12px; } */
 /*.float .el .iconfont { font-size: 24px; } */
 /*.footer .f-l .sydw { width: 50px; height: 60px; background-size: 50px 60px; } */
 /*.idx-2 { overflow: hidden; } */
 /*.flink { line-height: 25px; padding: 10px 0; } */
 /*.flink .w1600>div>div a { font-size: 12px; padding: 0 12px; } */
 /*.flink span { font-size: 12px; } */
 }



 .user_record { } 
 .user_record .headcon { background-color: #006699; height: 40px; line-height: 40px; padding: 0 10px; color: #fff; } 
 .user_record .headcon .tit-l { float: left; } 
 .user_record .headcon .tit-r { float: right; } 
 .user_record .ele { padding: 15px; border-bottom: 1px solid #eeeeee; } 
 .user_record .ele .tit-l { font-size: 18px; float: left; } 
 .user_record .ele .tit-r { float: right; } 
 .user_record .ele a:hover{color: #ed7d63;}


 .tipfloat{z-index: 9999999;position: fixed;right: 0;bottom: 0;width: 360px;height: 200px;background-color: white;border: 1px solid #eeeeee;}
.tipfloat .tipfloat_bt{position: absolute;right: 10px;top: 10px;width: 10px;height: 10px;cursor: pointer;color: white;}
.tipfloat .tipfloat_cont{}
.tipfloat .tipfloat_cont h2{height: 40px;line-height: 40px;background-color: #006699;text-align: center;font-size: 18px;color:white;font-weight: bolder;}
.tipfloat .tipfloat_cont h3 {padding: 20px;line-height: 30px;}
.tipfloat .tipfloat_cont p{margin: 10px 40px;height: 30px;line-height: 30px; text-align: center;background-color: #ed7d63;}
.tipfloat .tipfloat_cont p a{display: block;color: #fff; font-size: 16px;}
.tipfloat .tipfloat_cont p:hover{background-color: #0d5b67;}



.nodata{width: 100%;text-align: center;margin: 20px 0;font-size: 20px;color: #006699;}


.btm.cl.new .el {
    margin-right: 1px;
    width: 171px;
    display: inline-block;
}

.btm.cl.new .el a{
    display: inline-block;
}

.btm.cl.new .img {
    width: 164px;
    height: 205px;
}

.btm.cl.new .img img{
    width: 171px;
    height: 213px;
}

.btm.cl.new .fl{
    width: 179px;
}




















