@charset "utf-8";
/* 重定义 */
html{-webkit-text-size-adjust:100%;}
* { margin:0; padding:0; outline:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; word-break:break-all}
body { font: normal 100%; font-size:15px; color:#222; font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;}
body{ background:#f5f5f5; }
a,button,input,optgroup,select,textarea,div { -webkit-appearance:none; font-family:"PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif;text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/}
ul,li,dl,dt { list-style:none;}
h1,h2,h3,h4,h5 { font-size:100%; font-weight: normal;}
em,i { font-style:normal;}
img,object { max-width: 100%;}
img{-ms-interpolation-mode: bicubic; border:none;}
.inline{ display:inline-block; position:relative}
.substring{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.h50{ height:50px;}
.clearfix:after{ content:''; clear:both; display:block}
.bk50{ height:1.3rem; clear:both; display:block}
.bk25{ background:#f1f2f3; clear:both; display:block; height:.25rem;}
.mt20{ margin-top:.4rem}
.fr{float:right}
.fl{float:left}
.clearfix{zoom:1}
.clearfix:after{font-size:0;line-height:0;display:block;visibility:hidden;clear:both;height:0;content:"."}
.show{display:block}
.hidden{display:none}
.invisible{visibility:hidden}
.center{text-align:center}
.row{line-height:1;position:relative;margin:0 -10px;padding:60px 0}
.col-md-4{float:left;width:33.222%}
.col-md-6{float:left;padding:0 10px;width:50%}
.btn{font-size:16px;line-height:1;display:block;padding:15px 30px;text-align:center;color:#222;border:none;border-radius:100px;outline:0;-webkit-appearance:none}
.btn:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.35)}
.btn-yellow{color:#fff;background-color:#378bfd}
.btn-yellow:hover{background-color:#0090ff}
.btn-red{color:#fff;background-color:#ef3c1f}
.btn-red:hover,.btn-violet{background-color:#b21fe2}
.btn-violet{color:#fff}
.btn-violet:hover{background-color:#440bce}
.btn-blue-sky{color:#fff;background-color:#25abf1}
.btn-blue-sky:hover{background-color:#2c62eb}
.btn-link{display:inline-block;margin-bottom:30px;width:365px;font-size:18px;border-radius:2px;border:1px solid #ddd}
.btn-link span{position:relative}
.btn-link span:after{content:"";display:inline-block;height:9px;width:9px;border-width:1px 1px 0 0;border-color:#999;border-style:solid;-webkit-transform:matrix(.71,.71,-.71,.71,0,0);transform:matrix(.71,.71,-.71,.71,0,0);position:absolute;top:50%;margin-top:-5px;right:-20px}
.btn-link:hover{background-color:#f8f8f8}
.bg1{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#417bff+0,0090ff+100 */background: #417bff; /* Old browsers */background: -moz-linear-gradient(left,  #417bff 0%, #0090ff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left,  #417bff 0%,#0090ff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right,  #417bff 0%,#0090ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417bff', endColorstr='#0090ff',GradientType=1 ); /* IE6-9 */}
.bg2{ /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#417bff+0,0090ff+100 */background: #417bff; /* Old browsers */background: -moz-linear-gradient(-45deg,  #417bff 0%, #0090ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #417bff 0%,#0090ff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(135deg,  #417bff 0%,#0090ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#417bff', endColorstr='#0090ff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.nolist{ padding:360px 0 150px; background:url(images/nolist.jpg?v=2) center 100px no-repeat; font-size:24px; color:#999; text-align:center}
.banner{ height:600px; width:100%; background: center 0 no-repeat;}
.w1200{ width:1200px; margin:0 auto;}
.searchbox{ width:600px; border:3px solid #90caf8; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; margin:0 auto; box-shadow:0 0 10px rgba(0,0,0,.15); -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); margin-top:-35px; background:#90caf8;}
.searchbox .txt{ background:#fff; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; height:60px; width:100%;}
.searchbox .txt .input1{ float:left; height:60px; border:0; font-size:18px; padding:0 30px; width:430px; background:none;}
.searchbox .txt .sub1{ float:right; width:130px; height:50px; line-height:50px; font-size:18px; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; color:#fff; border:0; margin-top:5px; margin-right:5px; cursor:pointer}
.title{ z-index:1; position:absolute; width:100%; top:-60px; left:0; height:120px;text-align:center}
.title h1{line-height:130px;font-size:28px;color:#fff}
.title h1 small{font-size:14px;font-weight:400}
.title.c1{background:url(images/tbg_01.png?v=1) no-repeat 50% 50%}
.title.c2{background:url(images/tbg_02.png?v=2) no-repeat 50% 50%}
.title.c3{background:url(images/tbg_03.png?v=3) no-repeat 50% 50%}
.title.c4{background:url(images/tbg_04.png?v=4) no-repeat 50% 50%}
.index1 { background: #fff; position: relative; padding: 150px 85px 30px 85px; margin-top:100px !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.15); -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15);}
.index1 .b_tit { position: absolute; left:85px; right:85px; top: 70px; text-align:center; background: #fff9ec;}
.index1 .b_tit .bt_item { float: left; padding: 0 15px; height: 56px; line-height: 56px;}
.index1 .b_tit .bt_item .bt_1 { float: left; font-size: 16px; color: #ff7f00; padding-right: 6px; }
.index1 .b_tit .bt_item .bt_2 { float: left; padding-top: 9px; }
.index1 .b_tit .bt_item .bt_2 .t2_item { float: left; width: 22px; height: 38px; border-radius: 4px; background: #FFFFFF; text-align: center; line-height: 38px; font-size: 18px; color: #222222; margin-right: 6px; }
.index1 .b_tit .bt_item .bt_3 { float: left; font-size: 14px; color: #ff7f00; }
.index1 .txt{ line-height:1.8; font-size:16px;}
.index1 .txt .txt1{ position:relative; max-height:260px; overflow:hidden; color:#000; transition:all .2s linear; -webkit-transition:all .2s linear; -moz-transition:all .2s linear;}
.index1 .txt .txt1 .coverbg{ position:absolute; top:0; left:0; width:100%; height:100%; background: rgb(255,255,255);
background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%);
background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%);
background: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); z-index:1; display:none}
.index1 .txt .txtmore{ text-align:center; display:none; margin-bottom:20px;}
.index1 .txt .txtmore .btn1{ line-height:36px; border:1px solid #ddd; padding:0 30px; font-size:14px; color:#000; cursor:pointer}
.index1 .txt .txtmore .t{ float:right; height:36px; position:relative; width:20px; margin-left:5px;}
.index1 .txt .txtmore .t .i1{ position:absolute; width:20px; text-align:center; left:0; top:11px; line-height:10px; font-size:14px;}
.index1 .txt .txtmore .t .i2{ position:absolute; width:20px; text-align:center; left:0; top:16px; line-height:10px; font-size:14px;}
.floor{ padding-top:100px;}
.index2{ background: #fff; position: relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.15); -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); padding:50px 0 10px; text-align:center}
.index2 .jobs{position:relative;margin:13px;overflow:hidden}
.index2 .jobs .job-item{float:left;padding:13px; height:560px;}
.index2 .jobs .job-body{width:365px;border-radius:5px;overflow:hidden}
.index2 .jobs .job-body.c1{background-color:#f8f8f6}
.index2 .jobs .job-body.c2{background-color:#f6f7f8}
.index2 .jobs .job-body.c3{background-color:#f8f6ff}
.index2 .jobs .job-body.c4{background-color:#f3f4f6}
.index2 .jobs .job-body .job-body-hd{padding:30px 30px 20px}
.index2 .jobs .job-body .job-body-hd .job-body__hd{display:block;margin:0 auto;width:140px;height:140px;text-align:center;border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;border:1px solid #f2f2f2;overflow:hidden; position:relative; background:#fff;}
.index2 .jobs .job-body .job-body-hd .job-body__hd a{ display:block; width:140px; height:140px;}
.index2 .jobs .job-body .job-body-hd .job-body__hd .table1{ width:120px; height:120px; margin:9px;}
.index2 .jobs .job-body .job-body-hd .job-body__hd img{ max-width:120px; max-height:120px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
.index2 .jobs .job-body .job-body-hd .job-body__bd{color:#222;text-align:center}
.index2 .jobs .job-body .job-body-hd .job-body__bd h1{margin:15px 0 10px;font-size:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.index2 .jobs .job-body .job-body-hd .job-body__bd h1 a{ color:#222; cursor:pointer}
.index2 .jobs .job-body .job-body-hd .job-body__bd h1 a:hover{ color:#0090ff;}
.index2 .jobs .job-body .job-body-hd .job-body__bd p{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:24px; color:#666;}
.index2 .jobs .job-body .job-body-bd{padding:0 24px 30px;text-align:center}
.index2 .jobs .job-body .job-body-bd ul{height:162px;overflow:hidden}
.index2 .jobs .job-body .job-body-bd ul li .a{display:block;margin:10px 0;padding:15px;color:#222;font-size:15px;line-height:1;background-color:#fff;border-radius:4px;clear:both;overflow:hidden;zoom:1}
.index2 .jobs .job-body .job-body-bd ul li .a span.fl{max-width:50%;text-align:left;white-space:nowrap;text-overflow:ellipsis; position:relative; display:inline-block}
.index2 .jobs .job-body .job-body-bd ul li .a span.fl .zlbtn{ position:absolute; width:28px; height:28px; top:50%; margin-top:-14px; right:-34px;}
.index2 .jobs .job-body .job-body-bd ul li .a span.fl a{ display:block; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; cursor:pointer}
.index2 .jobs .job-body .job-body-bd ul li .a span.fl a:hover{ color:#0090ff;}
.index2 .jobs .job-body .job-body-bd ul li .a span.fr{color:#ff3030}
.index2 .jobs .job-body .job-body-bd a.btn{display:inline-block;margin:30px auto 0;width:63%}
.index2 .btn-blue{color:#fff;background-color:#0090ff}
.index2 .btn-blue:hover{ opacity:.8}
.index2 .btn:hover{ background:#0090ff; color:#fff;}
.index2 .btn:hover span:after{ border-color:#fff;}
.navbar-wrapper{position:relative;z-index:999;right:0}
.navbar-wrapper .navbar{position:fixed;top:50%; margin-top:-170px;right:0;width:128px}
.navbar-wrapper .navbar ul{padding:7px;font-size:14px;display:block;background-color:#90caf8;border-radius:100px 100px 7px 7px}
.navbar-wrapper .navbar ul li{margin-top:5px;border-radius:3px;overflow:hidden}
.navbar-wrapper .navbar ul li.round{ width:120px; margin:-25px 0 0 -5px;}
.navbar-wrapper .navbar ul li a{line-height:30px;display:block;text-align:center;color:#222}
.navbar-wrapper .navbar ul li.menuItem{background-color:#fff}
.navbar-wrapper .navbar ul li.bm{ background: #378bfd; /* Old browsers */background: -moz-linear-gradient(top,  #378bfd 0%, #0090ff 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #378bfd 0%,#0090ff 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #378bfd 0%,#0090ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378bfd', endColorstr='#0090ff',GradientType=0 ); /* IE6-9 */ height:40px; line-height:40px; border-radius:3px; box-shadow: 3px 3px rgba(0,0,0,.3) ; -webkit-box-shadow: 3px 3px rgba(0,0,0,.3) ; -moz-box-shadow: 3px 3px rgba(0,0,0,.3) ; margin:12px 0 4px;}
.navbar-wrapper .navbar ul li.bm a{ line-height:40px; font-size:18px; font-weight:bold; color:#fff; cursor:pointer}
.navbar-wrapper .navbar ul li.pchide{ display:none}
.navbar-wrapper .navbar ul li.active{border-bottom:none}
.navbar-wrapper .navbar ul li.active a{color:#fff;background-color:#0090ff}
.navbar-wrapper .navbar ul li.first,.navbar-wrapper .navbar ul li.round{text-align:center;border-bottom:none}
.navbar-wrapper .navbar ul li.first{margin-top:5px;font-size:18px;padding:0;background-color:#0090ff}
.navbar-wrapper .navbar ul li.first a{color:gold;font-weight:700}
.navbar-wrapper .navbar ul li .last{border-bottom:none;background-color:#ff970f}
.navbar-wrapper .navbar ul li .last a{color:#fff}
.bmform{ padding:20px 50px 30px;}
.bmform li{ margin-bottom:10px;}
.bmform li h1{ line-height:40px; font-size:16px; color:#222;}
.bmform li .input1{ height:44px; border:1px solid #ccc; width:100%; padding:0 10px; font-size:16px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
.bmform li .button1{ height:44px; border:0; background:#0090ff; color:#fff; font-size:16px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; width:100%; margin-top:15px; -webkit-transition: .3s; transition: .3s; cursor:pointer}
.bmform li .button1:hover{ opacity:.8}
.bmform2{ padding:30px 30px 10px;}
.bmform2 li{ margin-bottom:15px;}
.bmform2 li h1{ line-height:40px; font-size:16px; color:#222;}
.bmform2 li .input1{ height:44px; border:1px solid #ccc; width:100%; padding:0 10px; font-size:16px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-appearance:none}
.bmform2 li .button1{ height:44px; border:0; background:#378bfd; color:#fff; font-size:16px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; width:100%; margin-top:0px; -webkit-transition: .3s; transition: .3s; cursor:pointer; -webkit-appearance:none}
/* 分页 */
.pages { padding:50px 0; text-align:center; }
.pages a, .pages .a { padding:6px 12px; margin-right:5px; border:1px solid #ddd; background:#f5f5f5; font-size:14px; color:#666; display:inline-block; cursor:pointer}
.pages a:hover { text-decoration:none;}
.pages a { blur:expression(this.onFocus=this.blur());}
.pages .a, .pages a:hover { color:#fff; background:#0090ff; border:1px solid #0090ff;}
.pages em { color:#666;}
.huifoot{ text-align:center; font-size:16px; color:#fff; padding:40px 0; line-height:30px;}

/* 搜索类型切换 */
.searchsel{ float:left; width:120px; text-align:center; line-height:60px; font-size:18px; position:relative; z-index:1000;}
.searchsel .arrow{ float:right; width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #000;cursor:pointer; margin-top:25px; margin-left:10px;}
.searchsel.open .dropdown{ display:block}
.searchsel .seltit{ cursor:pointer}
.searchsel .dropdown{ position:absolute; width:120px; border-radius:5px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,.15); -webkit-box-shadow:0 0 10px rgba(0,0,0,.15); -moz-box-shadow:0 0 10px rgba(0,0,0,.15); display:none }
.searchsel .dropdown dd{ line-height:50px; border-bottom:1px solid #efefef; font-size:18px; color:#333; cursor:pointer}
.searchsel .dropdown dd:hover{ background:#efefef}
.searchsel .dropdown dd i{ float:left; font-size:21px; line-height:50px; margin-right:5px;}
.searchsel .dropdown dd i.i1{ font-size:23px;}
.searchsel .dropdown dd:last-child{ border-bottom:0}
.searchsel .dropdown .arrow1{ position:absolute; width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid #fff; top:-10px; left:50%; margin-left:-8px}
.searchline{ float:left; height:20px; background:#ddd; margin-top:20px; width:1px;}

.head1{ font-size:14px;}
.head2 .c{ box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.head3{ margin-bottom:0}
.head3 a:hover{ color:#fff;}
.newhead2 .r .topsearch{ box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;}
.newhead3{ margin-bottom:0 !important}

.videobanner{ width:1200px; margin:0 auto; position:relative; cursor:pointer;}
.videobanner .i{ position:absolute; width:80px; height:80px; left:50%; top:50%; margin:-40px 0 0 -40px; background:#fff; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; box-shadow:0 0 20px rgba(0,0,0,.3); -webkit-box-shadow:0 0 20px rgba(0,0,0,.3); -moz-box-shadow:0 0 20px rgba(0,0,0,.3); text-align:center; line-height:80px; font-size:40px;}