@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;}

fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:14px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1; }
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{font:14px/24px "΢���ź�","����",Arial, Helvetica, sans-serif; color: #333}
a{color:#1b1f29;text-decoration:none;outline:none;}
a:hover{color:#0099B9;text-decoration:none;}:focus{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
img {border: 0;display: block; }
.prel{position:relative}
.pab{position:absolute}
@font-face {
    font-family: 'BEBAS';
    src: url('../fonts/BEBAS.eot');
    src: url('../fonts/BEBAS.eot') format('embedded-opentype'),
         url('../fonts/BEBAS.woff2') format('woff2'),
         url('../fonts/BEBAS.woff') format('woff'),
         url('../fonts/BEBAS.ttf') format('truetype'),
         url('../fonts/BEBAS.svg#BEBAS') format('svg');
}

/* CSS��Ĺ�����ʽ */
.fl{float:left;}
.fr{float:right;}
.oh{overflow:hidden;}
.gr_center{text-align:center;}
.w1200{width:1200px; margin:0 auto;}
.grWidth{width:1220px; margin:0 auto;}
.center{text-align:center;}
.hidden{overflow:hidden;}
.w1000 {width:1000px;margin:0 auto;}
#wrapper{ width:100%; margin:0 auto}
.mt40{ margin-top:40px;}
.mt18{ margin-top:18px;}
.mt22{ margin-top:26px;}
.mt80{ margin-top:80px;}
.mt10{ margin-top: 10px; }
.mt90{ margin-top: 90px; }
.mt120{ margin-top: 100px; }
.mt140{ margin-top: 160px; }
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb40{margin-bottom:40px;}
.tc{ text-align: center; }
.clor029{ color:#029EB7}

/* ͷ�� */

.header {padding:5px 0; height:70px;background:#fff;overflow:hidden; width:100%;}
.header .logo {width:230px; margin-top:20px;}
.anv{ padding-left:300px; padding-top:0px;}
.lh-nav li {
    float: left;
    line-height: 80px;
    height: 80px;
	overflow: hidden;
}
.lh-nav li a:hover{background:#0099B9;display:block; color:#fff}
.lh-header {
    height:80px;
    position:absolute;
    top:0;
    left: 50%;
    margin-left:-600px;
	z-index:15;
}

.lh-nav li a {
float: left;
    text-align: center;
    padding: 0px 40px;
    line-height: 79px;
    clear: both;
    color: #fff;
    font-size: 14px;
    text-decoration: unset;
    background: #0099B9;
}

.lh-nav li a:hover{
    color: #fff;
	
}

.lh-nav li:hover>a:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 4px;    
    bottom: -22px;
    left: -42%;
}


.lh-nav li:hover .lh-nav-shadow {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.lh-nav li .lh-nav-shadow a {
    line-height: 40px;
    text-align: center;
    display: block;
    padding: 0px 40px;
    font-size: 14px;
    border-top: 1px solid #e2e2e2;
    transition: all .1s;
    -webkit-transition: all .1s;
	color:#fff
}
.lh-nav li .lh-nav-shadow a:hover{ background:#fff; color:#0099B9;padding: 0px 40px;}
.lh-nav li .lh-nav-shadow a:last-child{
    border-bottom: none;
}

.lh-nav-shadow {
    position: absolute;
    background: #fff;
    left:910px;
    top:80px;
    visibility: hidden;
    transform: translateY(10px);
    opacity: 0;
    transition: all .3s;	
}

.lh-nav-shadow:after {
    position: absolute;
    left: 0%;
    top: -14px;
    margin-left: -11px;
    content: " ";
    width: 23px;
    /* background: url(../images/sju1.png) center no-repeat; */
    height: 15px;
}

#jsddm li span{float:left;text-align:center; padding:0px 40px; line-height:80px;clear:both; color:#333333;font-size:14px;text-decoration:none; }





/* �ֲ�ͼ */
.lh-banner-in {
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    width: 100%;
    height: calc(100vh - 160px);
}

.lh-banner {
    position: relative;
    overflow: hidden;
    margin-top: 0px;
    width: 100%;
    height: 450px;
}

/* banner */
.flexslider {
    position: relative;
    height: 100%;
    overflow: hidden;
    /* background: url(../images/loading.gif) 50% no-repeat; */
}

.load-spinner-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.load-spinner, .rsDefault .rsPreloader {
    height: 50px;
    width: 50px;
    margin: -25px 0 0 -25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-animation: rotation .6s infinite linear;
    -moz-animation: rotation .6s infinite linear;
    -o-animation: rotation .6s infinite linear;
    animation: rotation .6s infinite linear;
    border-left: 2px solid rgba(255,255,255,.15);
    border-right: 2px solid rgba(255,255,255,.15);
    border-bottom: 2px solid rgba(255,255,255,.15);
    border-top: 2px solid rgba(255,255,255,.8);
    border-radius: 100%;
}

@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);transform: rotate(359deg);}
}
@-moz-keyframes rotation {
    from {-moz-transform: rotate(0deg);transform: rotate(0deg);}
    to {-moz-transform: rotate(359deg);transform: rotate(359deg);}
}
@keyframes rotation {
    from {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg);-moz-transform: rotate(359deg);transform: rotate(359deg);}
}

.flexslider01{
    position: relative;
    overflow: hidden;
}

.slides {
    position: relative;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    z-index: 1;
}

.slides li {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banner .slides li img{
    display: none;
}

.flex-control-nav {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center;
    /* display: none; */
}

.lh-banner .flex-control-nav{
    bottom: 38px;
}

.flex-control-nav li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    *display: inline;
    zoom: 1;
}

.lh-banner .flex-control-nav li{
    width: 50px;
    height: 2px;
}

.flex-control-nav a {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    line-height: 40px;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
	 text-indent:-10000px
}

.flex-control-nav li{
    width: 20px;
    height: 2px;
}


.lh-banner .flex-control-nav a{
    width: 11px;
    height: 11px;
    border-radius: inherit;
}

.flex-control-nav .flex-active {
    background: #fff;
	width: 16px;
    height: 16px;
	margin-bottom:-3px;
}

.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 45%;
}

.flex-direction-nav li a {
    display: block;
    width: 64px;
    height: 64px;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
}

.flex-direction-nav li a.flex-prev {
    left: 40px;
    background: url(../images/prev.png) center center no-repeat;
}

.flex-direction-nav li a.flex-next {
    right: 40px;
    background: url(../images/next.png) center center no-repeat;
}
/* banner end */

@media screen and (max-width: 1100px) {   
   .anv{ padding-left:50px; padding-top:0px;}
    .menu_header {
        display: block;
    }
    body{
      padding: 0;
    }
    .banner_ny{
      margin-top: 0;
    }
    .library{
      display: none;
    }
    .rig-tip{
      display: none !important;
      opacity: 0 !important;
    }
    .lh-banner-in{
      margin-top: 0;
      height: auto;
    }
    .banner .slides li{
      background-image: none !important;
    }
    .banner .slides li img{
      display: block;
    }
    .flex-direction-nav{
      display: none;
    }
    .flex-control-nav{
      display: block;
    }
}
/*Ʒ�ƹ���*/
.banner-t{ height:1100px; background:url(../images/homeimage.jpg) top center no-repeat}
.main .main-one ul li{ width:500px; float:left; height:650px;    position: relative;}
#wrapper ul li.con{width:400px; padding:0 50px;}
#wrapper ul li h3, #wrapper ul li h4, .inner .indTitle h3, .inner .indTitle h4{ text-align:center; font-weight:bold; font-size:20px;}
.inner .indTitle h5{ text-align:center;font-size:18px;}
#wrapper ul li h4, .inner .indTitle h4{font-family:Futura Md BT; line-height: 40px;    text-transform: uppercase;    word-spacing: 0.2em;}
#wrapper ul li h5, #wrapper ul li h6, .abrand-t h5{text-align:center; height: 50px; }
#wrapper ul li h4{font-family:Futura Md BT; line-height: 40px;    text-transform: uppercase;    word-spacing: 0.4em;}
.main .main-one ul li.con h5:before {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: 50px;
    top: 76px;
    width: 48px;
    height: 1px;
    background-color: #000;
}
.main .main-one ul li.con h5:after {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -90px;
    top: 76px;
    width: 48px;
    height: 1px;
    background-color: #000;
}
.main .main-one ul li.con h6:before {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: 50px;
    top: 476px;
    width: 48px;
    height: 1px;
    background-color: #000;
}
.main .main-one ul li.con h6:after {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -90px;
    top: 476px;
    width: 48px;
    height: 1px;
    background-color: #000;
}

#wrapper ul li.con p{ color: #666; line-height:26px; font-size: 14px; margin-top:15px;}
.main-two {    
    height: 230px;background:url(../images/main-two.jpg) center center no-repeat
}
.main-two .tc{ padding-top: 120px; font-size: 16px;}
.abrand-t{ border:1px solid; margin: 0px auto 20px; margin-top: 40px; text-align: center; padding:40px 0 0; font-size: 20px; }
.abrand-t{position: relative;
    left:47.3%;
    margin-left: -90px;
    width:280px;
    height: 100px;
    background-color: #fff;
    z-index: 1;}

.main-three li{float: left;}  
li.w426{ width: 426px}
li.w560{ width: 560px; margin-left: 14px;}
.main-three{}
.main-three .txt p{ padding: 0 40px;
color: #666;
line-height:26px;
font-size: 14px;
margin-top:5px; }
.main-three i span, .indTitle i span{
width: 48px;
background: #000;
margin: 0 15px;
height: 1px;display: inline-block;
position: relative; bottom: 3px
}

/*����*/
.media-div {
    overflow: hidden;
}
.media-items {
    display: block;
    width:100%;
        border-bottom: 1px solid #eee;
        margin-top: 70px;
}
.media-img {
    overflow: hidden;
    height: 210px;
    float: left;
}
.media-img img {
    width: 320px;
    min-height:180px;
    -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
.media-con {
    height: 200px;
    text-align: left;
    float: right;
    width: 600px;
}
.media-con h3 {
    font-size:18px;
    line-height: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.media-con p {
    font-size: 13px;
    line-height: 24px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    letter-spacing: 0.5px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.media-con span {
    display: block;
    margin: 20px 0;
    font-size: 13px;
}
.media-con span img {
    display: inline-block;
    margin-right: 6px;
    vertical-align: sub;
}

.media-img:hover  img {
    -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);
}


.news_inner{
    width: 1000px;
    margin: 100px auto;
}

.news_inner h1{
    font-size: 25px;
    color: #2a2622;
    line-height: 50px;
    text-align: center;
    /* padding-top: 50px; */
}

.sqDate{
    line-height: 26px;
    margin-top: 12px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 0px solid #ddd;
}

.sqDate span{
    display: inline-block;
    margin: 0 15px;
    color: #666;
    line-height: 26px;
}

.news_txt{
    margin-top: 30px;
}

.news_txt p,.news_txt span{
    color: #666 !important;
    font-family: '΢���ź�' !important;
    line-height: 24px;
    margin-bottom: 10px;
    font-size: 14px !important;
}

.news_txt img{
    max-width:1000px;
    width: auto;
    margin: 0 auto;
    padding:50px 0; 
}

.news_txt>img{
    margin-bottom: 10px;
}

/*���ŷ���*/
.case-fixed{position: fixed;width: 28px;left: 50%;margin-left:560px;top: 35%}
.case-fixed li{position: relative;height: 26px;margin-bottom: 17px}
.case-fixed li .icon{background-image: url(../images/icon.png);background-repeat: no-repeat;display: block;width: 28px;height: 26px}
.case-fixed #close a{background-position: 0 -117px}
.case-fixed #prev a{background-position: 0 -155px}
.case-fixed #next a{background-position: 0 -194px}
.case-fixed #close a:hover{background-position: -36px -117px}
.case-fixed #prev a:hover{background-position: -36px -155px}
.case-fixed #next a:hover{background-position: -36px -194px}
.share-box .icon{background-image: url(../images/icon.png);background-repeat: no-repeat}
#share{width: 28px;height: 26px;float: right;position: relative;z-index: 99}
.share{width: 28px;height: 26px;display: block}
.ico-share{width: 28px;height: 26px;display: block;background-position: 2px -231px}
.ico-share:hover{background-position: -33px -231px}
.share-list{width: 100px;padding: 10px 20px;background: #363636;position: absolute;right: 0;top: 32px;-moz-border-radius: 8px;-webkit-border-radius: 8px;-o-border-radius: 8px;-ms-border-radius: 8px;border-radius: 8px;visibility: hidden;z-index: -1;opacity: 0;-moz-transition: all .2s linear;-webkit-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear}
.share-list.active{visibility: visible;z-index: 1;opacity: 1}
.share-list li a{height: 24px;line-height: 24px;display: block;padding-left: 34px;color: #FFF;font-size: 14px;position: relative}
.share-list li a:hover{color: #ffe514}
.share-list li .icon{width: 24px;height: 24px;display: block;position: absolute;left: 0;top: 50%;margin-top: -12px}
.share-list li .ico-weixin{background-position: -60px 0}
.share-list li .ico-xlwb{background-position: -100px 0}
.share-list li .ico-txwb{background-position: -140px 0}
.share-list li .ico-douban{background-position: -180px 0}
.share-list li .ico-tieba{background-position: -220px 0}
.share-list li a:hover .ico-weixin{background-position: -60px -40px}
.share-list li a:hover .ico-xlwb{background-position: -100px -40px}
.share-list li a:hover .ico-txwb{background-position: -140px -40px}
.share-list li a:hover .ico-douban{background-position: -180px -40px}
.share-list li a:hover .ico-tieba{background-position: -220px -40px}

/*�����̳�*/
.tmalllist {
position: relative;
    overflow: hidden;
    margin-top: 0px;
    width: 100%;
    height: calc(100vh - 160px);
}
.tmalllist ul {  height:100%; }
.tmalllist li {
    float: left;
    background: #ececec;
    width: 33.333%;
    height:100%;
}


.tmalllist li a {
    display: block;
    position: relative;
}
.tmalllist .pic {
    height:100%;
    position: absolute;
    opacity: 0;
    top: 0;
    left: 0;
}
.tmalllist .img { height: 100% }
.tmalllist li:hover .pic{ opacity: 1;-webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s; }

 /*��ϵ��ʽ*/
 .cbanner{ height: 337px; background: url(../images/contatc.jpg) center center; }   
 .contact {
    margin: 40px auto 40px;
    text-align: right;
    overflow: hidden;
}
.contactCon {
    width: 80%;
    margin:0 auto; 
    overflow: hidden;;
}
.contactCon_item {
    background: #ffffff;
    text-align: center;
    float: left;
    height:570px;
    width: 42%;
}
.contactCon_item:first-child{ margin-left: 150px;}
.contactCon_item{ border-right: 1px solid  #ddd}
.contactCon_item:last-child{ border-right: none; }
.contactCon_item div.t1{ background: url(../images/wx.png) 80px 5px  no-repeat }
.contactCon_item div.t2{ background: url(../images/t2.png) 80px 5px  no-repeat }
.contactCon_item div.t3{ background: url(../images/t3.png) 80px 5px  no-repeat }
.contactCon_item div.t4{ background: url(../images/t4.png) 80px 5px  no-repeat }
.contactCon_item div.t5{ background: url(../images/t5.png) 80px 5px  no-repeat }
.contactCon_item div.t6{ background: url(../images/t6.png) 80px 5px  no-repeat }
.contactCon_item div.t7{ background: url(../images/t7.png) 80px 5px  no-repeat }
.contactCon_item div.t8{ background: url(../images/t8.png) 80px 5px  no-repeat }
.contactCon_item div.t8 h3{ padding-top:15px;}
.contactCon_item:nth-child(3) {
    background: #f6f6f7;
}
.contactCon_item > div {
    position: relative; top:60px;
    padding-left: 160px;
    text-align: left;
}
.contactCon_item h3 {
    color: #333;
    font-size: 1.3rem;
}
.contactCon_item .about-lianxi-add {
    color: #828282;
    line-height: 1.6rem;
    margin: 10px 0 8px;
    font-size: 14px;
    border-bottom: 0;
}
.contactCon_item img {
    display: inline-block;
    margin-bottom: 5px;
    width:91px;
}
.douyin{ background:url(../images/douyin.png) left top no-repeat; padding-left:30px; height:40px;}
/*��Ա����*/
.service { line-height: 28px; margin: 50px auto }
.service h2, .siteinfo-legal h2{ font-size: 20px; font-weight: bold;padding: 8px 0 }
.service h3, .siteinfo-legal h3{ font-size: 18px; font-weight: bold; padding: 8px 0 }

/*��������*/
.siteinfo-legal{ line-height: 28px; margin: 50px auto; position: relative;}
.siteinfo-legal .title{ text-align: center; }
.siteinfo-legal .title h4{font-family: Futura Md BT;    font-weight: bold;
    font-size: 20px;
    line-height: 40px;
    text-transform: uppercase;
    word-spacing: 0.4em;}

.siteinfo-legal h5:before {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: 50px;
    top: 98px;
    width: 48px;
    height: 1px;
    background-color: #000;
}
.siteinfo-legal h5:after {
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -90px;
    top: 98px;
    width: 48px;
    height: 1px;
    background-color: #000;
}

/*��Ƹ*/
.jon{ background:#fff; position: absolute; bottom:0px; z-index: 100; height: 150px; width:100%; opacity: 0.6;filter: alpha(opacity=0.6); }
.jon-content { width:600px; margin:15px auto 0;position: relative; }
.jon-content h3{font-size: 18px; font-weight: bold; padding: 10px 0}
.jon-content span{ right: -60px; position:absolute; top: 12px}
.jon-content span.icon1{ right: 340px; position:absolute; top: 12px}
.jon-content ul li{ height:24px; line-height: 24px; }
.jon-content .fl, .jon-content .fr{ width: 200px }
.jon-content div.fl:before {
    position: absolute;
    content: '';
    left: 50%;
    margin-left:20px;
    top:15px;
    width:2px;
    height:110px;
    background-color: #333;
}

.job_video{ height: 640px; position: absolute; z-index: 6; width: 100%; height:100%; background: #000}
.jobbanner{ background: url(../images/job_banner.jpg) 0px 0px  no-repeat; height: 640px;}
.jobmain ul.tit, .xiaozhao ul.tit{ height:40px; width: 750px; margin:60px auto;  }
.jobmain ul.tit li a, .xiaozhao ul.tit li a{ width: 180px; float: left; height: 40px; line-height: 40px; background:#eee; margin: 0 30px; display: block; text-align: center; font-size: 18px}
.jobmain ul.tit li a:hover, .xiaozhao ul.tit li a:hover{ background: #0099B9; color: #fff }
.jobmain ul.tit li a.ative, .xiaozhao ul.tit li a.ative{ background: #0099B9; color: #fff }
.video{background: url(../images/video-bj.jpg) center center no-repeat; height: 760px;position: relative;}
.jobabout{background: url(../images/job-2.png) center center no-repeat; height: 360px; position:relative}
.jobabout p{ width: 840px; margin: 0px auto; padding-top:210px; }
.historyPage {
    width: 100%;
    height: 450px;
    margin: 40px auto 0;
    position: relative;
}
.hisBot {
    position: absolute;
    left: 0px;
    width: 100%;
    display: block;
    top: 50%;
    height: 2px;
    background-color:#0099B9;
    margin-top: -1px;
}
.historyDemo .dian {
    background: url(../images/h_i1.png) no-repeat;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 0px;
    top:47px;
}
.historyDemo .year {
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2;
    color: #646464;
    margin-bottom:40px;
}
.historyDemo .hitem {
    position: relative;
    left: 5%;
    height: 212px;
    top: 70px;
    width:150px;
    float: left;
    padding-right: 20px;
}
.indTitle {
    text-align: center;
}

.indTitle h2 {
    font-size: 21px;
    font-weight: 100;
    margin-bottom: 10px;
}

.indTitle h3 {
    font-size: 33px;
    font-weight: 100;
    margin-bottom: 8px;
}
.bgf4 {
    background-color: #ebf0f0;
}
.about-honor{ height:470px;padding-top: 80px;}
.about-honor ul.module { width:1008px; overflow: hidden; margin:40px auto 0;}
.about-honor ul li{ float: left; text-align: center; padding-right: 50px; font-size: 18px;}
.about-honor ul li img{height:201px; margin-bottom: 18px;}

.job4 { height:1000px; }
.job4 .tit{ background: url(../images/job4.jpg) top center  no-repeat; height: 390px}
.job4 .con{ background: url(../images/job4-2.jpg) top center no-repeat; height:430px; width:1018px; margin:0 auto; padding-top:150px; border-bottom:1px dotted #666}
.job4 .con ul li{ float:left; width:180px; padding:0 60px 0 12px; position:relative}
.job4 .con ul li:last-child{ padding-right:2px;width:230px; padding-left:28px;}
.job4 .con ul li h3{ font-size:17px; font-weight:bold; padding:15px 0}
.job4 .con ul li.m4{background: url(../images/gps.jpg) 89px 140px no-repeat; height:380px;}
.job4 .con ul li div.fl, .job4 .con ul li div.fr{ width:70px; margin-top:70px}
.job4 .con ul li div span{ display:block}

.job5 { height:760px; }
.job5 .tit{ background: url(../images/job4.jpg) top center  no-repeat; height: 390px}
.job5 .con{ background: url(../images/job5bj.jpg) top center no-repeat; height:600px; width:1002px; margin:0 auto; text-align:center}
.job5 .con ul li{ float:left; width:213px; padding:0 20px 0 0px; position:relative}
.job5 .con ul li:last-child{ padding-right:2px;width:270px; padding-left:20px;}
.job5 .con ul li h3{ font-size:17px; font-weight:bold; padding:30px 0 0 0; color:#FFF; margin-bottom:60px;}
.job5 .con ul li.m4{background: url(../images/gps2.png) 115px 150px no-repeat; height:380px;}
.job5 .con ul li div.fl, .job5 .con ul li div.fr{ width:70px; margin-top:40px; text-align:left}
.job5 .con ul li div span{ display:block}

.move{
    height: 4px;
    width: 100px;
    border-top: 4px solid #0099B9;/*ֻ��Ҫ���ϱ���ʾ����*/
    position: absolute;
    left: 40px;
    top: 52px;
    transition: left .3s ease-in-out 0s;/*�����ĸ��������ԣ�ִ�б任���ԡ�ִ��ʱ�䡢���ʡ��ӳ�*/
    -webkit-transition: left .3s ease-in-out 0s;/*chrome��safari*/
    -moz-transition: left .3s ease-in-out 0s;/*firefox*/
    -o-transition: left .3s ease-in-out 0s;/*opera*/
}

/* �˲� */
.slideTxtBox{ width:100%; border:1px solid #ddd; text-align:left; margin:0 auto}
.slideTxtBox .hd{ height:40px; width:560px; margin:60px auto; position:relative; }
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideTxtBox .hd ul li{  width: 80px; float: left; height: 50px; line-height: 50px; margin: 0 50px; display: block; text-align: center; font-size: 18px; cursor: pointer;}
.slideTxtBox .hd ul li.on{ color: #0099B9; cursor: pointer; border-bottom:0px solid #0099B9; font-weight:bold}
.slideTxtBox .bd .qh{ padding:15px;  zoom:1;}
		
/*��*/
.xiaozhao{ margin:0 0 100px 0}
.xiaozhao table th{ height:68px; background:#EBF1F1; font-size:18px;}
.xiaozhao table tr td{ padding:8px 0;}
.xiaozhao table{ border: 1px solid #aaa;}
.hrliucheng{background: url(../images/hrliucheng.jpg) top center no-repeat; height:150px;}
.xiaozhao .txt{ width:600px; margin:30px auto}
.fish{background: url(../images/fish.jpg) top center no-repeat; height:140px; margin:0 auto; width:1530px;}
.fish ul { padding:80px 0 0 50px;}
.fish ul li{ float:left; width:145px; text-align:center; padding-right:15px;}
.joblist table{ border:1px solid #CCC; margin-bottom:50px;}
.joblist table tr td{ padding:28px 0; border:none}
.joblist table th{ height:68px; background:#EBF1F1; font-size:18px;border:none}

/*��ҳ��ʽ2*/
.pageBox {text-align: center;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;}
.pageBox a:hover,.pageBox a:active{background:#009CBD;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #009CBD;;border: 1px solid #009CBD;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}

.jobshow{ padding-bottom:30px;}
.jobshow h1{ color:#009CBD; font-size:24px; padding:15px 0}
.jobshow h3{ font-size:14px; font-weight:bold}
.jobshow p{ padding:5px 0; line-height:28px;}
.jobshow span a{ display:inline-block; height:35px; width:120px; line-height:35px; border:1px solid #009CBD; text-align:center; margin-left:20px; color:#009CBD}
.jobshow span a:hover{color:#fff; background:#009CBD}
	
/*-------��Ƶ----*/
.play{ position: absolute; top: 300px; z-index: 15; margin-left:30%; coursor:pointer;}
.banner .slides li .play img{ width:676px; display:block}
.all_box_z1{ width:100%; overflow:hidden;  float:left; display:block; position:fixed !important; top/**//**/:0;position:absolute; z-index:100; left:0px !important;*left:0px;}
* html .all_box_z1{top:expression(offsetParent.scrollTop+0);}
.all_box_z{ width:100%; background:rgba(0,0,0,0.7);background:black\9;filter:alpha(opacity=70) \9;}
.sp_ts{width:100%;height: calc(100vh - 160px);float:left; display:block; top:0px;margin-top:80px;position:absolute; z-index:120;}
.sp_ts_t{width:100%;height: calc(100vh - 160px);background:#fff;position:relative;}
.sp_ts_t .gb{position:absolute;right:52px;top:-40px;display:block;width:30px;height:30px;cursor:pointer;}
.sp_ts_t .gb img{ height: 26px; width: 24px;}
#bncVedio{height: calc(100vh - 160px);}
#jobVedio{height: 760px; width:100%}
.index_video_close img{height: 26px; width: 24px;
transition: All 0.4s ease-in-out;
            -webkit-transition: All 0.4s ease-in-out;
            -moz-transition: All 0.4s ease-in-out;
            -o-transition: All 0.4s ease-in-out;}
.index_video_close img:hover{transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
}

.Au_swip:after {
    content: url(../images/open01.png);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5
}
/*����*/
#totop{
	width:51px;
	height:51px;
	cursor:pointer;
	position:fixed;
	right:10px;
	bottom:6%;
	background:url(../images/totop.png) 0 0  no-repeat ;
	border:1px solid #999;
	opacity:1;
	z-index:100000;
	display:none;
	}

#totop:hover{
	background:url(../images/totop.png) -51px 0 no-repeat ;
	}	
	
	
/*Ʒ������*/
.carousel{position:relative; width:100%;height: calc(100vh - 160px);}
.carousel-inner{position:relative;overflow:hidden; height:calc(100vh - 220px); width:100%; }
.carousel-item{position:relative;display:none;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;-o-transition:-o-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease,-o-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.carousel-item-next,.carousel-item-prev{position:absolute;top:0}
.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.active.carousel-item-right,.carousel-item-next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.active.carousel-item-left,.carousel-item-prev{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}

.carousel-indicators{position:absolute;right:0;bottom:10px;left:0;z-index:-1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}
.carousel-indicators li{position:relative;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;background-color:rgba(255,255,255,.5)}
.carousel-indicators li::before{position:absolute;top:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}
.carousel-indicators li::after{position:absolute;bottom:-10px;left:0;display:inline-block;width:100%;height:10px;content:""}
.carousel-indicators .active{}

.carousel-indicators{ bottom: 20px;}
.carousel-caption {z-index: 10;bottom: 3rem;}
.carousel-item {height: 100%;background-color: #fff;text-align:center;}
.carousel-item > img {margin:0 auto; height:100%}
.m_list_sider{ height: 60px; line-height: 60px; text-align: center; position:relative;}
.m_list_sider a{ display: inline-block; width:50px; height:80px;font-size: 20px; text-align: center; line-height: 50px; float:left}
.m_list_sider a.m_prev{ margin-right: 50px;}
.pinpailist_img li{ display: none; width: 100%; text-align: center; height: 50px; line-height: 50px;text-indent:0; background: none; overflow: hidden;bottom:-25px ;}
.pinpailist_img .active{display: block; padding:0 10px}
.m_prev{background: url(../images/m_prev.png) no-repeat center center;}
.m_prev:hover{	background: url(../images/m_prevh.png) no-repeat center center;}
.m_next{background: url(../images/m_next.png) no-repeat center center;}
.m_next:hover{background: url(../images/m_nexth.png) no-repeat center center;}

/*�ײ�*/
footer#footer{height:80px;background: #fff; color:#333; padding:0px 0 0 0}
footer#footer .fl{padding:20px 0 10px;}
footer#footer .fl:before {    position: absolute;    content: '';    width: 4px;    left: -10px;    height: 38px;    top: 23px;    background: #666;    z-index: 1;}
.columns ul li{ float:left; font-size:14px;  overflow:hidden; }
.columns ul li:first-child{border-left: none;}
.columns ul li a{ color:#333; display: block; height: 80px; line-height: 80px; width: 120px; text-align: center;background: #fff;}
.columns ul li a:hover{ color:#fff; background: #0099B9}

.line{ height:1px; overflow:hidden; background:#eee; width:100%; clear:both}
.tit2 { position: relative; top:130px}
.tit3{ position: relative; top:70px}
.tit3 p{ color:#999}
.tit2 h3 ,.tit3 h3{ text-align:center; font-weight:bold; font-size:20px;}
.tit2 h4, .tit3 h4{font-family:Futura Md BT; line-height: 40px;  font-weight: bold;
    font-size: 20px; word-spacing: 0.2em;}