﻿@charset "utf-8";
/*--------------------------------------------
|        Type:    CSS Document 
+---------------------------------------------
|        Author:  蔡慧
+---------------------------------------------
|        QQ:    807159382
+---------------------------------------------
|        Mail:   807159382@qq.com
+---------------------------------------------*/

/*--------------------------------------------
|              CAIHUI
+-------------------------------------------*/

/* header */
.header{width:100%;}
.header .top{height: 40px;background: #0791d9;line-height: 40px;color:#fff;}
.header .top .fl {background: url(../Image/th.png) 0 center no-repeat; text-indent: 20px;}
.header .top a{color:#fff;}
.header .top a:hover{text-decoration: underline;}
.logo{width: 80px;margin-top: 15px;}


/* 导航 */
.nav{height:100px;color:#333;}
.nav li{float:left;position:relative;z-index:9999999;line-height: 100px;}
.nav ul li a{padding:0 20px;font-size:15px;color:#333;display:inline-block;text-align: center;border-left: 1px solid #f3f3f3;}
.nav a:hover,.nav .on{background:#0791d9;color:#fff;}
.nav .on{opacity: 0.8px;}
.nav ol{display:none;opacity:0.9;filter:alpha(opacity=90);position:absolute;top:100px;left:1px;background:#0791d9;width: 100px;}
.nav ol li a{height: 50px;display: block;line-height: 50px;background:rgba( 7,147,217,0.8);color:#fff;border:none;padding: 0;width: 100px;display: block;float: left;}
.nav ol li a:hover{background:rgba(0,130,216,0.8);background:#0884c5;}
.nav .space{left:-500px;}


/*banner*/
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;margin: 0;padding: 0;}
.callbacks_tabs.callbacks1_tabs{position:relative;z-index:100;width: 250px;margin: 0 auto;margin-top: -40px;*+margin-top:-40px;margin-bottom:19px;*+margin-bottom:0px; }
.callbacks_tabs.callbacks1_tabs li{display:inline-block;*+float:left;width:75px;height:6px;margin-left:5px;position:relative;background: #fff;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;*+float:left;width:75px;height:6px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#dc251f;}
.callbacks_container{position:relative;width:100%;max-width:100%;text-align:center;}
.callbacks{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;}
.callbacks li{position:absolute;width:100%;left:0;top:0;}
.callbacks .caption{display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0, .8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;}
.callbacks_nav{position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("../../images/syhm/themes.gif") no-repeat left top;margin-top:-30px;display: none;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{left:auto;background-position:right top;right:0;}

/*公司简介*/
.main .boxItem01{background: #f5f5f5;padding:30px 0;}
.main .boxItem01 .search,.container .search{height: 50px;background: url(../Image/sea.png) no-repeat 10px center #fff;width: 435px;padding-left:65px;float: right;}
.main .boxItem01 .search input,.container .search input{height: 50px;width: 345px;float: left;line-height: 50px;color:#cdcdcd;}
.main .boxItem01 .search button,.container .search button{border:none;background: #0791d9;color:#fff;font-size: 24px;width: 90px;text-align: center;height: 50px;}
.main .boxItem01 .fl{width: 193px;background: url(../Image/gsjj.jpg) no-repeat 0 0 #333;height: 180px;padding: 25px;}
/*.main .boxItem01 .subName*/
.main .boxItem01 .fr{width: 956px;}
.main .boxItem01 .fr .intro{background: #fff;padding:41px 20px;margin-top: 20px;text-indent: 24px;line-height: 26px;}
.main .boxItem01 .fr .intro a{color:#0791d9;}

/*公司动态&公示公告&文档下载*/
.main .boxItem02{padding: 30px 0;}
.main .boxItem02 .tabList{width: 570px;}
.main .boxItem02 .title{height: 42px;line-height: 42px;padding-left: 35px;width: 535px;text-align: center;background: url(../Image/line.png) bottom left no-repeat  #f5f5f5;}
.main .boxItem02 .title span{display: block;float: left;width: 110px;font-size: 16px;cursor: pointer;font-weight: bold;color:#383838;}
.main .boxItem02 .title span.on {background: url(../Image/tit_bg.jpg) no-repeat;}
.main .boxItem02 .tabList ul li{line-height: 32px;background: url(../Image/list_ic1.png) no-repeat 0 center; text-indent: 10px;float: left;width: 100%}
    .main .boxItem02 .tabList ul li a{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        width: 70%;
        float: left;
    }
.main .boxItem02 .tabList .list{margin-top: 8px;position: relative;display: none;}
.main .boxItem02 .tabList ul li em{float: right;}
.main .boxItem02 .tabList ul li a:hover{color:#0791d9;}
.main .boxItem02 .tabList .list .more{position: absolute;right: 10px;top:-40px;color:#ababab;font-size:12px;}
.main .boxItem02 .tabList .list .more:hover{text-decoration: underline;}

/*轮播*/
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;}
#playBox{ width:600px; height:330px; position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;position: relative;}
#playBox .oUlplay li img{ width:600px; height:330px; display: block;}
#playBox .pre{ cursor:pointer; width:18px; height:30px;/* background:url(../../images/syhm/l.png) no-repeat center #000;*/display: none; position:absolute; top:100px; left:0px; z-index:10;opacity: 0.7;}
#playBox .next{ cursor:pointer; width:18px; height:30px;/* background:url(../../images/syhm/r.png) no-repeat center #000;*/ display: none; position:absolute; top:100px; right:0px; z-index:10;opacity: 0.7;}
#playBox .smalltitle {width:104px; height:10px; position:absolute; bottom:15px; z-index:10;right:0px;}
#playBox .smalltitle ul{ width:120px; margin:0 auto;}
#playBox .smalltitle ul li{ width:11px; height:11px; margin:0 3px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1;}
#playBox .smalltitle .thistitle{ background:#0068ab;}
#playBox .oUlplay li p{position: absolute;left: 0;bottom:0px;font-size: 14px;background: rgba(0,0,0,0.5);line-height: 40px;text-align: left;text-indent:12px;display: block;width: 100%;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);}

/*招聘信息*/
.main .boxItem03{padding: 40px 0 0 0;background: #f5f5f5;}
.main .boxItem03 .title b{color:#0791d9;font-size: 24px;}
.main .boxItem03 .title em{color: #989898;font-size: 18px;font-family: "arial";}
.main .boxItem03 .recruitment{margin-top: 20px;width:1200px;}
.actiLlist {background:#fff;padding: 10px;width: 570px;margin-right: 20px;margin-bottom: 20px;}
.actiPic img{width:135px;height:120px; border: 3px solid #f6f6f6;}
.actiLlist .actiCont{width: 410px;}
.actiLlist .actiCont h3{color:#333;font-size: 22px;border-bottom: 1px solid #f6f6f6;line-height: 46px;display: block;}
.actiLlist .actiCont em{font-size: 16px;font-weight: bold;line-height: 34px;}
.actiLlist .actiCont p{color:#666;height: 40px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.actiLlist .actiCont>a{font-size:12px;color:#666;float: right;line-height: 32px;}
.actiLlist .actiCont a:hover{color:#0791d9;}
.ck-slide { width: 1200px; height: 480px;}
.ck-slide ul.ck-slide-wrapper { height: 480px;}
.ck-slide { position: relative; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; bottom:40px; z-index: 2; width: 10px; height: 15px; margin-top: -35px;  text-indent: -9999px; }
.ck-slide .ck-prev { left: 48%; background: url(../Image/arrow-left.png) no-repeat;}
    .ck-slide .ck-next {
        right: 48%;
        background: url(../Image/arrow-right.png) no-repeat;
    }
        .ck-slide .ck-next:hover {
            background: url(../Image/arrow-righth.png)no-repeat;
        }
    .ck-slide .ck-prev:hover {
        left: 48%;
        background: url(../Image/arrow-lefth.png)no-repeat;
    }
    .ck-slide .icon {
        background: url(../Image/icon.png)no-repeat center center;
        display: block;
        height: 25px;
        width: 25px;
        position: absolute;
        bottom: 37px;
        left: 48.8%;
    }
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}
/*友情链接*/
.link{padding: 30px 0;}
.link .title{margin-bottom: 20px;background: url(../../images/syhm/icon/line2.png) left bottom no-repeat;line-height: 50px;}
.link .title b{color:#1254a0;font-size: 18px;padding-left: 24px;background: url(../../images/syhm/icon/link.png) left center no-repeat;line-height:50px;display: block;float: left;}
.link .title em{color: #c3c3c3;font-size: 16px;font-family: "arial";display: block;line-height: 55px;}
.link dl a{display: block;float: left;margin-right: 8px;margin-bottom: 10px;}
.link dl a img{border:1px solid #f4f4f4;width: 189px;height: 50px;}

.footer{padding: 15px 0 30px 0;background: #333;}
.footer .contact{height: 70px;border-bottom: 1px solid #3b3b3b;padding-bottom: 10px;}
.footer .contact .fr{background: url(../../images/syhm/icon/contact.png) no-repeat 0 center;color:#dc251f;padding-left: 50px;margin-top: 10px;}
.footer .contact .fr h3{color:#565656;font-size: 18px;line-height: 22px;}
.footer .contact .fr em{font-size: 28px;line-height: 30px;}
.footer .copyright{color:#7a7878;font-size: 12px;padding-top:20px;}
.footer .copyright .comWidth>.fl{margin-top:40px;}
.footer .copyright a{color:#7a7878;letter-spacing: 1px;}
.footer .copyright a:hover{text-decoration: underline;}
.footer .copyright p{line-height: 42px;color:#676767;}
.footer .copyright img{width: 100px;height: 100px;}
.footer .copyright .comWidth>.fr{border-left: 1px solid #393939;padding-left: 20px;*+width:340px;}
.footer .copyright .comWidth>.fr .fr{width: 220px;margin-left: 20px;padding: 7px 0;border-top:1px solid #393939;border-bottom:1px solid #393939;}
.footer .copyright .comWidth>.fr .fr p{color:#7f7f7f;line-height:21px;}


/*内页*/
.container{background-color:#f8f8f8;padding: 25px 0;}
.container .content{background: #fff;margin-top: }
    .container .margintop {
        margin-top: 70px;
    }
.container .content .sideleft{width: 240px;background:#0791d9;border-bottom: 3px solid #db2520;padding-bottom: 80px;}
.container .content .sideleft span{display: block;}
.container .content .sideleft .subName{height: 191px;background:url(../Image/sub_lbg.png) no-repeat top left;margin-bottom: 20px;padding: 25px;margin-top: -50px;}
.container .content .sideleft .subName h3,.boxItem01 .subName h3{color:#fff;font-size: 30px;line-height: 60px;}
.container .content .sideleft .subName em,.boxItem01 .subName em{color:#eaeaea;font-size: 24px;font-family: "arial";line-height: 22px;}
.container .content .sideleft .subName b,.boxItem01 .subName b{font-family: "arial";font-size: 40px;line-height: 32px;color: #fff;font-weight: normal;}
    .container .content .sideleft span a {
        background: url(../Image/sub_rou.png) no-repeat 30px center;
        display: block;
        color: #fff;
        font-size: 20px;
        margin-bottom: 4px;
        padding: 10px 0;
        text-indent: 54px;
    }
        .container .content .sideleft span a:hover, .container .content .sideleft span a.on {
            background: url(../Image/sub_rou.png) no-repeat 30px center #24a9ee;
        }

.content .sideright{width: 900px;padding:30px 30px 40px 30px;background: #fff;}
    .content .sideright .tit {
        height: 55px;
        background: url(../Image/sub_line3.png) no-repeat 0 bottom;
        padding-bottom: 5px;
        margin-bottom: 20px;
    }
.content .sideright .tit b{color:#383838;font-size: 24px;padding-left:38px;background: url(../Image/sub_icon.png) no-repeat 0 center;}
.content .sideright .tit .fr{line-height:50px;}
    .content .sideright .tit .fr i {
        color: #383838;
        background: url(../Image/sub_home.png) no-repeat 0 center;
        padding-left: 25px;
        display: block;
        float: left;
    }
.content .sideright .tit .fr a:hover{text-decoration: underline;}
.content .sideright .lb a{display:block;background: url(../Image/list_ic1.png) no-repeat 8px center;text-indent:18px;line-height: 50px;border-bottom: 1px solid #f6f6f6;}
.content .sideright .lb a em{float: right;margin-right: 5px;color:#989898;}
    .content .sideright .lb a:hover {
        color: #db2520;
        background: url(../Image/list_ic1.png) no-repeat 8px center #f8f8f8;
    }
.content .sideright .lb a:hover em{color:#989898;}
.content .sideright .text h1{font-size: 24px;color:#383838;text-align: center;line-height: 48px;}
.content .sideright .text p.subAuthor{text-align: center;border-bottom: 1px solid #e3e3e3;padding-bottom: 20px;margin-bottom: 30px;}
.content .sideright .text p{line-height: 32px;}
.content .sideright .text img{max-width: 910px;}
.content .sideright .tit .fr,.container .content .sideright .tit .fr a{color:#989898;font-size: 12px;}
.container .search{margin-bottom: 20px;}
.content .sideright .text1{border-bottom: 1px solid #f4f4f4;padding-bottom: 50px;}
.subtextLink{margin-top: 40px;}
.subtextLink a:hover{color:#0791d9;}

/*翻页*/
.pageNum{width:540px;height: 50px;margin: 0 auto;margin-top: 50px;}
.pageNum a,.pageNum i,.pageNum em,.pageNum span{border-radius:3px;border:1px solid #f1f1f1;height: 30px; line-height: 30px; padding: 0 12px; display: inline-block; float: left; margin: 0 3px;color:#888; }
.pageNum i{border:none;color:#383838;}
.pageNum a:hover,.pageNum .pative{color:#fff;background-color:#0791d9;}

/*联系我们-联系方式*/
.sideright .contact{margin-top: 30px;}
.sideright .contact h3{color:#383838;font-size: 26px;line-height: 62px;}
.sideright .contact p{color:#666;font-size: 16px;line-height: 32px;}
.sideright .contact img{max-width: 900px;display: block;margin-top: 50px;}
/*联系我们-在线留言*/
.messageBox .fl{width: 400px;margin-top: 10px;}
.messageBox .fr{width: 485px;}
.messageBox span{display: block;margin-bottom: 25px;line-height: 35px;height:35px;clear: both;}
    .messageBox span em {
        background: url(../Image/sub_st.png) no-repeat 0 13px;
        padding-left: 10px;
        display: block;
        float: left;
    }
.messageBox span input{border: 1px solid #f3f2f2; height: 35px;margin-left: 5px;width: 230px;padding-left: 3px;float: left;line-height: 35px;}
.messageBox .fr span{height: 35px;}
.messageBox .fr textarea{border:1px solid #f3f2f2;width: 480px;height: 127px;padding-left: 3px; }
.sideright .btN {border: none;background: #0791d9;color:#fff;height: 35px;width: 90px;margin:30px 0 0 370px;}
.sideright .btN:hover{opacity: 0.8;}
/*招聘信息*/
.actiLlist01 {width: 875px;border:2px solid #fafafa;}
.actiLlist01 .actiCont{width: 720px;}
.recruitM .box01{background: #f8f8f8;padding: 10px;}
.recruitM .box01 h3{font-size: 30px;}
.recruitM .box01 em{padding:5px 10px;background: #fef4eb;border: 1px solid #fcd8b7;color:#f78a2e;display: block;float: left;margin: 20px 15px 0 0;}
.recruitM .box01 img,.recruitM .box01 .enlogo {width: 135px;height: 115px;}
.recruitM .box01 .deta{width: 730px;}
.recruitM .box02 {margin-top: 30px;}
.recruitM .box02 .switch{height: 60px;line-height: 60px;padding:0 40px;background: url(../../images/syhm/icon/sub_line4.png) no-repeat 0 0 #f8f8f8;}
.recruitM .box02 .switch span{padding: 0 30px;text-align: center;color:#383838;font-size: 18px;display: block;float: left;cursor: pointer;}
.recruitM .box02 .switch span.on{border-top: 2px solid #0791d9;color:#0791d9;background-color: #fff;}
.recruitM .box02 .swiText{padding-left:30px;margin-top: 20px;display: none;}
.recruitM .box02 .swiText table tr{height: 40px;border-bottom: 1px dotted #f3f3f3;}
.recruitM .box02 .swiText table tr.thead{height: 50px;color:#383838;border-bottom:1px solid #f3f3f3; }
.recruitM .box02 .swiText table tr td{width: 125px;}
.recruitM .box02 .swiText table tr td.tcolor{width: 200px;}
.recruitM .box02 .swiText table tr td.tcolor a{color:#0791d9;}
.recruitM .box02 .swiText table tr td.tcolor a:hover{text-decoration: underline;}
.recruitM .box01 .deta1{padding: 20px;}
.recruitM .box01 .deta1 h2{color:#0791d9;font-size: 30px;}
.recruitM .box01 .deta1 p{color:#898787;line-height: 32px;}
.recruitM .box02 .swiText ul li{display: block;height: 42px;line-height: 42px;border-bottom: 1px dotted #eee;color:#989898;}
.recruitM .box02 .swiText ul li span{display: block;float: left;width: 33.33%;}
.recruitM .box02 .swiText ul li em{color:#383838;}
.recruitM .sBitem02{padding-bottom: 30px;border-bottom: 1px solid #e3e3e3;}
.recruitM .sBitem02 .span{border-bottom: 1px solid #e3e3e3;display: block;height: 50px;line-height: 50px;color:#383838;font-size: 18px;font-weight: bold;margin:20px 0 10px 0;}
.recruitM .sBitem02 p{line-height: 32px;}
.recruitM .sBitem02 .text em{padding: 10px;color:#fff;background: #fef4eb;border:1px solid #fcd8b7;margin-right: 10px;}




