﻿body { /* font: 13px/18px 'lucida sans regular','lucida sans',arial,helvetica,sans-serif; */ font: 13px/21px '微软雅黑','PingFangSC','helvetica neue','hiragino sans gb','arial','microsoft yahei ui','microsoft yahei','simsun','sans-serif'!important; color: #757475; min-width: 940px; height: 100%; background: #fff; }
.navbar-right { padding-right: 30px;background-color: transparent !important; }
a { color: #757475; text-decoration: none; }
.navbar{min-height:64px;}
@media (min-width:768px) {
    .navbar-right { position: absolute; right: 0px; float: right;}
    .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; }
        .navbar-collapse.collapse { /*display: block !important;*/ height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; }
        .navbar-collapse.in { overflow-y: visible; }
    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; }
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; }
}

.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; }

@media (min-width:768px) {
    .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; }
}

.navbar-fixed-top { top: 0; border-width: 0; }
.navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; }
.navbar-brand { float: left; margin-left: 75px; padding: 3px; font-size: 18px; line-height: 20px; }
    .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
    .navbar-brand > img { display: block; }
#main-nav { padding: 0; }

    #main-nav .navbar-nav > li.active > a,
    #main-nav .navbar-nav > li.open > a,
    #main-nav .navbar-nav > li:hover > a, #main-nav .navbar-nav > li:active > a { color: #f08519; background-color:transparent !important;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #f08519;  background-color:transparent !important;}
.navbar-nav .nav-link { padding-right: 0; padding-left: 12px; }
.nav-item{padding-left:9px;padding-right:9px;}
.triangle-down { position: absolute; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 20px solid #fff; left: 49.5%; margin-top: -1px; }
/*横幅滚动样式*/

.carousel { margin-bottom: 0rem; }
.carousel-caption { bottom: 3rem; z-index: 10; }

.carousel-item { height: 24rem; background-color: #777; }
    .carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 24rem; }

@media (min-width: 40em) {
    .carousel-caption p { margin-bottom: 1.25rem; font-size: 1rem; line-height: 1.4; }
}

.carousel-indicators > li { cursor: pointer; }
/*横幅滚动样式结束*/
/*关于我们样式*/
#jlg_about_us { padding: 50px 0; text-align: center; /*border-top: 1px solid #FFFFFF;*/ background-color: #ffffff; color: #181A1C; }
    #jlg_about_us h1 { margin-top: 3px; color: #f08519; }
    #jlg_about_us h3 { margin-top: 3px; color: #999; }
    #jlg_about_us .content { margin-top: 24px; color: #8b8b8b; }
/*关于我们样式结束*/
/*企业文化样式*/
#jlg_about_us_mb { background-color: #f8f9fa; }
.jlg .module-wrap .slide-container .col-sm-3 { padding-left: 0px; padding-right: 0px; }
.jlg .module-wrap .slide-container { min-height: 120px; position: relative; }

    .jlg .module-wrap .slide-container .slide-body { min-height: 300px; overflow: hidden; position: relative; }

        .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item { text-align: center; color: rgb(0, 0, 0); font-size: 0px; float: left; position: relative; cursor: pointer; min-height: 120px; min-width: 60px; max-width: 320px; }
            .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .item-bg { width: 100%; height: 100%; min-height: 300px; }
            .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask { left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg { background: rgb(22, 26, 29); transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0.1; filter: Alpha(opacity=10); }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .bg.other-bg { opacity: 0.2; filter: Alpha(opacity=20); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content { transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); left: 0px; top: 100px; right: 0px; bottom: 0px; position: absolute; }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel { margin: 20px 0px 0px; padding: 0px; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); line-height: 0; font-size: 0px; }
                        .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .line-panel .item-line { background: rgb(255, 255, 255); transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); width: 20px; height: 2px; display: inline-block; opacity: 1; filter: Alpha(opacity=100); }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel { width: 25%; height: 54px; display: inline-block; position: relative; }
                        .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img { transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); left: 0px; top: 0px; width: 100%; right: 0px; display: inline-block; position: absolute; opacity: 1; }
                        .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover { transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); left: 0px; top: 0px; width: 100%; right: 0px; display: inline-block; position: absolute; opacity: 1; }
                        .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-img-panel .item-img-hover { transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; filter: Alpha(opacity=0); }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-title { margin: 24px 0px 0px; padding: 0px; transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); color: rgb(255, 255, 255); line-height: 24px; font-size: 22px; font-weight: 700; }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc { padding: 0px 23px; height: 72px; text-align: center; color: rgb(255, 255, 255); line-height: 24px; font-size: 14px; margin-top: 30px; }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link { border: 1px solid rgb(255, 255, 255); border-image: none; width: 120px; height: 36px; color: rgb(255, 255, 255); line-height: 36px; font-size: 14px; text-decoration: none; margin-top: 62px; display: inline-block; }
                        .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link:hover { background: rgb(255, 255, 255); color: rgb(0, 193, 222); }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-desc { transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; filter: Alpha(opacity=0); }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item .mask .content .item-link { transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0; filter: Alpha(opacity=0); }
            .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg { background: rgb(240, 133, 25); opacity: 0.9; filter: Alpha(opacity=90); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .bg.other-bg { opacity: 0.9; filter: Alpha(opacity=90); }
            .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content { top: 13%; }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img { opacity: 0; filter: Alpha(opacity=0); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-img-panel .item-img-hover { opacity: 1; filter: Alpha(opacity=100); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel { margin-top: 10px; }
                    .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .line-panel .item-line { opacity: 0; filter: Alpha(opacity=0); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-title { margin-top: 12px; }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc { opacity: 1; filter: Alpha(opacity=100); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link { opacity: 1; filter: Alpha(opacity=100); }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-desc { margin-top: 22px; }
                .jlg .module-wrap .slide-container .slide-body .slide-content .slide-item:hover .content .item-link { margin-top: 14%; }
/*企业文化样式结束*/
/*企业目标*/
.jlg_about_us_yj_content { height: 140px; text-align: center; }
.jlg_about_us_yj_content_text { background-color: #999; text-align: center; padding: 3px 9px; border-radius: 6px; color: #fff; font-weight: bold; letter-spacing: .3em; width: 90px; /* margin-left: calc(50% - 45px); */ /* left: 50%; */ /* margin-bottom: 30px; */ position: absolute; top: -33px; left: -30px; }
.jlg_about_us_yj_content_text_1 { background-color: #999; padding: 3px 9px; border-radius: 6px; color: #fff; font-weight: bold; letter-spacing: .3em; width: 90px; margin-left: calc(50% - 45px); left: 50%; margin-bottom: 30px; }
/*.jlg_about_us_yj_content_flag { width: 32px; height: 32px; background-color: #f08519; border-radius: 32px; left: calc(50% - 16px); float: left; position: absolute; bottom: -19px; }*/
.jlg_about_us_yj_content_flag { display: block; padding: 10px; width: 22px; height: 22px; border-radius: 50%; background-color: #f8f9fa; border: 1px solid #f08519; position: absolute; /*margin-left: calc(50% - 32px);*/ left: 50%; bottom: -19px; -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; z-index: 99; behavior: url(PIE.htc); }
    .jlg_about_us_yj_content_flag::after { content: ''; display: block; width: 12px; height: 12px; background-color: #f08519; border-radius: 50%; position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; behavior: url(PIE.htc); }
    .jlg_about_us_yj_content_flag:hover { color: #f08519; }

/*企业目标样式结束*/
.jlg_about_us_zr_content { text-align: center; }
.jlg_about_us_zr_png { width: 96px; height: 96px; margin-top: 60px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
    .jlg_about_us_zr_png:hover { transform: rotate(-36deg); -ms-transform: rotate(-36deg); /* IE 9 */ -moz-transform: rotate(-36deg); /* Firefox */ -webkit-transform: rotate(-36deg); /* Safari 和 Chrome */ -o-transform: rotate(-36deg); /* Opera */ }

/*产品与服务样式*/
#jlg_pro { padding: 50px 0; text-align: center; /*border-top: 1px solid #FFFFFF;*/ background-color: #ffffff; color: #181A1C; }
    #jlg_pro h1 { margin-top: 3px; color: #f08519; }
    #jlg_pro h3 { margin-top: 3px; color: #999; }
    #jlg_pro h5 { margin-top: 3px; color: #999; margin: 30px; }
/*产品与服务样式结束*/
.wel_box_shadow { background: url(../images/wel_fd.png) no-repeat; width: 120px; height: 120px; }
    .wel_box_shadow:hover { color: #f08519; background: url(../images/wel_fd_y.png) no-repeat; width: 120px; height: 120px; }
.wel_img { }
    .wel_img:hover { /*-webkit-filter: drop-shadow(0px 0 #f08519); filter: drop-shadow(0px 0 #f08519);*/ }

.human_box { border: 1px solid #f08519; }
.human_box_head { margin-left: -15px; margin-right: -15px; background-color: #f08519; color: #fff; }
.human_dy_box { border: 0px solid #fff; height: 100%; }
    .human_dy_box:hover { box-shadow: 1px 1px 15px 2px #eee;-webkit-box-shadow: 1px 1px 15px 2px #eee;-moz-box-shadow: 1px 1px 15px 2px #eee; border-radius: 0px;behavior: url(PIE.htc); /*border:1px solid #fff;*/ /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#fafafa', OffX=0, OffY=0);*//*for ie6,7,8*/ }
.human_dy_box_head { background-color: transparent; border-bottom: 0px; text-align: center; padding: 6px; }
.human_dy_box_img { width: 64px; height: 64px; }
.human_dy_box_body { text-align: center; padding: 6px; }
    .human_dy_box_body h6 { font-weight: bold; color: #999; }
    .human_dy_box_body p { font: 13px/21px 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif; color: #757475; }
#jlg_tel_us { padding: 50px 0; text-align: center; /*border-top: 1px solid #FFFFFF;*/ background-color: #ffffff; color: #757475; }
    #jlg_tel_us h1 { margin-top: 3px; color: #f08519; }
    #jlg_tel_us h3 { margin-top: 3px; color: #999; }
.tel_us_box_img { width: 25px; height: 45px; }
.tel_us_dy_box_body { text-align: center; padding: 6px; color: #757475; }
    .tel_us_dy_box_body h6 { font-weight: bold; color: #999; }
#jlg_personnel { padding: 50px 0; text-align: center; /*border-top: 1px solid #FFFFFF;*/ background-color: #ffffff; color: #757475; }
    #jlg_personnel h1 { margin-top: 3px; color: #f08519; }
    #jlg_personnel h3 { margin-top: 3px; color: #999; }

.pro_img { width: 100%; height: 100%; padding: 6px 15px; }
