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

@font-face {
    font-family: 'MicrosoftYaHei';
    src: url('../bootstrap/fonts/MicrosoftYaHei.eot');
    src: local('../bootstrap/fonts/MicrosoftYaHei Regular'),
    local('../bootstrap/fonts/MicrosoftYaHei'),
    url('../bootstrap/fonts/MicrosoftYaHei.woff') format('woff'),
    url('../bootstrap/fonts/MicrosoftYaHei.ttf') format('truetype'),
    url('../bootstrap/fonts/MicrosoftYaHei.svg#MicrosoftYaHei') format('svg');
}



/*元素组件*/
a:hover{text-decoration:none;}
.width100{width:100%!important;}
.height100{height:100%!important;}
.heightauto{height:auto!important;}
.overflow_line_1{overflow:hidden; text-overflow:ellipsis; vertical-align:top; white-space:nowrap; lin-height:}
.middle:before{content:''; height:100%; display:inline-block; vertical-align:middle;} /*垂直居中样式*/
.middle img{vertical-align:middle;} /*垂直居中样式*/
.parent{display: table;}
.child{display: table-cell!important; vertical-align: middle;}
.Fl{float:left;}
.Fr{float:right;}

ul li{list-style: none;}
a,button{-webkit-transtion: all .25s ease-in-out;; -moz-transtion: all .25s ease-in-out;; -ms-transition: all .25s ease-in-out;; -o-transition: all .25s ease-in-out;; transition: all .25s ease-in-out;}

*{font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}

/*修改Bootstrap*/
.input-group-btn{width:1%!important;}

/*两行超出隐藏...*/
.textline2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow:ellipsis;
    display: -webkit-box;
    -o-line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*阴影*/
.shadow{-webkit-box-shadow:0 0 10px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, .5);
    box-shadow:0 0 4px rgba(0, 0, 0, .5);  }
.shadow02{-webkit-box-shadow:0 0 2px rgba(0, 0, 0, .2);
    -moz-box-shadow:0 0 2px rgba(0, 0, 0, .2);
    box-shadow:0 0 2px rgba(0, 0, 0, .2);  }



/** 框架固定在1200px中 **/
.frame{width: 1200px; height: 100%; margin: 0 auto; position: relative;}

/******* 垂直监听  *******/
#myScrollspy{
    right: 35px;
    top: 50%;
    position: fixed;
    z-index: 99;
    margin-top: -87px;
}
html body .myScrollspy2{margin-top: -58px!important;}
html body .myScrollspy4{margin-top: -166px!important;}
#myScrollspy ul li{ border-bottom: 2px solid #eee; margin-bottom: 20px;}
#myScrollspy ul li a{text-align: left; padding: 8px 50px 8px 0; color:#333; border-radius: 4px;}
#myScrollspy .active{border-bottom: 2px solid #183884;}
#myScrollspy .active a{color:#183884;}

/*************** 公共首页 ******************/
.header{height:96px;}
.header ul{padding-top: 40px;}
.header ul li{float: left; margin-right: 50px;}
.header ul li a{color:#333; font-size: 16px;}
.header ul li a:hover{color:#143481;}
html .header ul li .dropdown-menu{padding-top: 0;}
.header_line{margin: 3px 40px 0 -10px; width: 1px; height: 18px; border-right:1px solid #333; float: left;}
.header_li_end{margin-right: 20px; float: left; font-size:16px;}
.header_li_end_a{ color:#333!important;}
.header_li_end .dropdown-menu{padding-top: 5px;}
.header_li_end .dropdown-menu li{margin-right: 0; float: none;}

/*************** 公共尾部 ******************/
.footer{}
.footer div{color:#fff;}
.footer_content{ background: #383e4b; padding-top: 38px; padding-bottom: 40px;}
.footer_content ul{float: left;}
.footer_content ul span{display: block; font-size: 16px; margin-bottom: 22px;}
.footer_content ul li{margin-bottom: 8px;}
.footer_content ul li a{color: #fff;}
.footer_content_in{padding-left:100px; }
.footer_content_fel , .footer_content_fel span{font-size: 16px; margin-bottom: 10px;}
.footer_content_fel span{color:#ffd800;}
.footer_content_icon{margin-top: 20px;}
.footer_content_icon span{float: left; width: 30px; height: 30px; border-radius: 50%; background: #fff; margin-right: 25px; text-align: center;}
.footer_content_icon i{color:#383e4b; font-size: 20px;}
.fonter_wei_box{float: left; width: 80px; text-align: center; color:#fff; margin-right: 40px;}
.fonter_wei_box img{margin-bottom: 12px;}
.footer_bottom{background: #2a2d34; height: 60px; padding-top: 20px;}
.footer_bottom a{float: left; font-size: 12px; color:#fff;}
.footer_bottom_line{float: left; width:1px; height: 15px; border-right:1px solid #fff; margin: 1px 20px 0;}
.footer_bottom div{font-size: 12px; color:#fff;}



/********* 公共标题 *********/
.main_title{width: 560px; margin: 0 auto; text-align: center;}
.main_title_min{font-size: 24px; color:#333; padding-top: 48px;}
.main_title_big{font-size: 30px; color:#333; padding-top: 48px;}
.main_title_content{font-size: 16px; color:#5b6871; margin: 25px 0;}
html .main_title_content02{margin: 10px 0 18px; }
.main_title_line{width: 554px; height: 14px; background: url("../img/titleline_bg.png");}

.about_title{padding-top: 40px; font-size: 16px; color:#5f6670;}
.about_title span{font-size: 24px; color:#333;}

/*********  公共banner  **********/
.banner{position: relative; min-width: 1200px;}
.bannerbox, .bannerbox_h{height: 200px;} /** 定义框体高度(内容页头部banner) **/
.bannerbox{position:absolute; width: 1920px; left: 50%; margin-left: -960px;}
.banner_title{ margin-top: -200px; z-index: 1; font-size: 24px; color:#fff; padding: 77px 0 0 90px;}
.banner_list, .banner_list_h{height: 292px;} /** 定义框体高度(企业文化banner) **/
.banner_list{position:absolute; width: 1920px; left: 50%; margin-left: -960px;}
.banner_list_box{ margin-top: -292px; z-index: 1;}


/*************** 首页 ***************/
.main_banner{position: relative; min-width: 1200px;}
.main_banner img{width: 100%; display: none;}
.main_banner_list{position: absolute; left: 0; right:0; bottom:10%;}
/*点击进入按钮*/
.main_banner_list_li{width: 25%; float: left;  height: 120px; padding-right: 1px;}
.main_banner_list_box{height: 100%; background-color: rgba(255,255,255,0.3); -webkit-transtion: all .25s ease-in-out;
    -moz-transtion: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.main_banner_list_box p, .main_banner_list_box span{ -webkit-transtion: all .25s;
    -moz-transtion: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s;}
.main_banner_list_box_on{background-color: rgba(0,0,0,0.3);}
html .main_banner_list_box_on p, .main_banner_list_box_on .main_banner_list_margin a{color:#fff;}
.main_banner_list_box_on .main_banner_list_margin span{border-bottom:1px solid #fff;}
.main_banner_list_box:hover{background-color: rgba(0,0,0,0.3); cursor: pointer;}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
    .main_banner_list_box{
        background-color:#fff;
        filter:Alpha(opacity=30);
        position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
        *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
    }
    .main_banner_list_box:hover{background-color:#132033;}
    .main_banner_list_box p,.main_banner_list_box a{
        position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
    }
}
.main_banner_list_box p{font-size: 24px; color:#132033; padding: 35px 0 5px; text-align: center;}
.main_banner_list_box:hover p{color:#fff;}
.main_banner_list_box:hover .main_banner_list_margin span{border-bottom:1px solid #fff;}
.main_banner_list_box:hover .main_banner_list_margin a{color:#fff;}
.main_banner_list_margin{width: 120px; margin: 0 auto;}
.main_banner_list_margin span, .main_banner_list_margin a{float: left; display: block;}
.main_banner_list_margin span{width: 30px; height: 1px; border-bottom:1px solid #132033;}
.main_banner_list_margin a{color:#132033; margin-top: -9px;}
.main_banner_on{}
/** 文字介绍 **/
.main_banner_content{position: absolute; top:120px; left: 0; right:0;}
.main_banner_content_box{position: relative; padding: 85px 160px 0; display: none; color:#fff; z-index: 99; position: relative; line-height: 28px;}
.main_banner_content_box p{font-size: 36px; margin-bottom: 20px;}
.main_banner_content_line{position: absolute; top:0; left: 105px; width: 160px; height: 310px; border:1px solid #a0b0bf; z-index: 0;}
/*小圆点*/
.main_banner_nav{width: 200px; height: 5px; position: absolute; bottom: 20px; left: 0; right:0; margin: 0 auto;}
.main_banner_nav a{display: block; width: 30px; height: 100%; margin-right: 20px; border-radius: 3px; background-color: #95aec3; float: left;}
html .main_banner_nav_on{background-color: #00d2ff;}

/****主体文字****/
.main{overflow: hidden;}
.main_iAbout_top{height: 215px; background: url("../img/content_bg.jpg")repeat;}
.main_iAbout_bottom{width: 1200px; height: 245px; border-top:1px solid #a9aec1; border-bottom:1px solid #c4c6d3; padding: 23px 70px; position: relative;
    margin: 30px auto 90px; font-size: 12px; line-height: 24px;}
.main_iAbout_bottom span{color:#424f72; font-weight: 700;}
.main_iAbout_bgl{width: 360px; height: 245px; background: url("../img/main_content_bgl.jpg") no-repeat;
    position: absolute; left: -360px; top:-1px;}
.main_iAbout_bgr{width: 360px; height: 245px; background: url("../img/main_content_bgr.jpg") no-repeat;
    position: absolute; right: -360px; top:-1px;}

.main_iList{background: #f9fbfd; padding-bottom: 100px;}
.main_iList_content{margin-top: 40px; padding-left: 15px;}
.main_iList_box{margin-bottom: 30px;}
.main_iList_box:hover > a > img{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);}  /** 鼠标经过显示阴影 **/
.main_iList_box:hover > a > .main_iList_more {opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px);}  /** 鼠标经过显示朦层文字 **/
.main_iList_box a{display: block; width: 360px; position: relative;}
.main_iList_box img{ vertical-align: top;}
.main_iList_more{position: absolute; left: 0px; top:0; right:0px; bottom:0; background-color: rgba(0,0,0,0.8); color: #fff; padding: 20px 30px ;
                opacity:0; -webkit-transform:translateY(15px); -ms-transform:translateY(15px); -o-transform:translateY(15px); transform:translateY(15px); cursor: pointer;
                -webkit-transtion: all .25s ease-in-out;
                -moz-transtion: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.main_iList_more p{color:#fff; font-size: 18px;}


/*********** 企业文化 **********/
.main_about{height: 564px; background: url(../img/m_bg.jpg) repeat;}
.main_about_bg{margin: 77px 0 0 115px; position: relative;}
.main_about_bg_box{position: absolute; left: 160px; top:50px;
    padding: 5px 75px 5px 20px; background-color: rgba(24, 56, 132, .6); font-size: 16px; color:#fff;}
.main_about_bg_box .main_about_bg_box_title{font-size: 24px;}
.main_about_content{padding-top: 170px; color:#666;}
.main_about_content_title{font-size: 30px; color:#333; padding-bottom: 20px;}
.main_about_li{padding-top: 60px; padding-right: 72px;}
.main_about_li p{width: 150px; color:#183884; font-size: 20px; line-height: 45px; border-bottom: 1px solid #253354;  margin-bottom: 25px;}
.main_time{padding-bottom: 80px;}/*** 发展历程 ***/
.time_content{padding-left: 280px; background: url(../img/main_time_bg.jpg) no-repeat 0 25px; min-height: 320px;}
.time_content_li{height: 47px; padding-top: 40px;}
.time_content_li span{display: block; float: left; color:#183884; width: 116px; font-weight: 700;}
.time_content_li a{display:block; float: left; color:#333; padding-left: 32px;}
.time_content_li_icon{float: left; width: 8px; height: 8px; border-radius: 50%;
    background: #ccc; position: relative; margin-top: 7px;}
.time_content_li_line{position: absolute; left: 3.5px; top:0; height: 47px; border-right:1px solid #ccc;}
.main_path{margin-bottom: 80px;}/*** 企业文化相册 ***/
.main_path_tab_title{text-align: center; margin: 20px 0 50px;}
html .main_path_tab_title li{display: inline-block; float: none;}
.main_path_tab_title li a{display: inline-block; padding: 10px 15px;  margin: 0 8px; border:1px solid #dddddd;}
.main_path_tab_list ul li{float: left;width:25%; padding: 0 15px; position: relative;}
.main_path_tab_list ul li img{width: 100%;}
.main_path_tab_content{position: absolute; left: 15px; right:15px; bottom:0; line-height: 34px; overflow: hidden; color:#fff; padding: 0 20px;
    background-color: rgba(0,0,0,0.4);
    text-overflow:ellipsis;
    vertical-align:top;
    white-space:nowrap;
    opacity:0; -webkit-transform:translateY(15px); -ms-transform:translateY(15px); -o-transform:translateY(15px); transform:translateY(15px);
    -webkit-transtion: all .25s ease-in-out;
    -moz-transtion: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.main_path_tab_list ul li:hover .main_path_tab_content{opacity:1; -webkit-transform:translateY(0px); -ms-transform:translateY(0px); -o-transform:translateY(0px); transform:translateY(0px);} /** 鼠标经过显示朦层文字 **/

/************ 商务合作  ************/
/** 旋转木马 **/
.carousel img {
    margin: 10px 5px;
    border: none;
    display: block;
    float: left;
}

.wrapper, .Mall_prev, .Mall_next {
    /**border-top: 1px solid #999;
    border-bottom: 1px solid #999;**/
    height: 148px;
    position: absolute;
    top: 62%;
    margin-top: -85px;
}
.wrapper {
    width: 90%;
    left: 5%;
    overflow: hidden;
    box-shadow: 0 0 10px #ccc;
}

.carousel .c_imglist_img img {
    margin: 10px 5px;
    border: none;
    display: block;
    float: left;
}

.Mall_prev, .Mall_next {
    /**background: center center no-repeat #ccc;**/
    background: center center no-repeat;
    width: 5%;
}
.Mall_prev:hover, .Mall_next:hover {
    background-color: #d5d5d5;
}
.Mall_prev {
    background-image: url(../img/Mall_show/gui-prev.png );
    left: 0;
}
.Mall_next {
    background-image: url(../img/Mall_show/gui-next.png );
    right: 0;
}

.main_join{background: #f8fafe; padding-bottom: 110px;}
.main_join_content{margin: 35px 0 48px;}
html .main_join .main_join_btn{padding-left: 38px; padding-right: 38px; margin-right: 15px;}

/********  人才招聘  ********/
.job{margin-bottom: 60px;}
.job ul{margin-top: 32px;}
.job ul li{margin-bottom: 20px;}
html .job_title, html .job_content{border-left: 3px solid #183884;}
.job_title{padding-top: 10px; border:1px solid #eee;}
.job_title_box{padding: 0 15px 10px;}
.job_title_box span{ color:#183884; font-size: 18px; margin-right: 20px;}
.job_title_box a{ color:#2553b0;}
.job_title_box a i{margin-right: 5px;-webkit-transtion: all .25s ease-in-out;
                -moz-transtion: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.job_title_box a.list_open > i{transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
    -o-transform:rotate(180deg); 	/* Opera */}
.job_content{padding: 30px 0; border-bottom: 1px solid #eee; border-right:1px solid #eee; line-height: 24px;}
.job_content .row{margin-bottom: 10px;}