/*聚诚在线（jc128.net）安全--简单--易用*/
body{
    font-family: "Microsoft YaHei","微软雅黑",Helvetica,"Hiragino Sans GB",Arial,sans-serif;
    font-size: 14px;
    line-height: 14px;
    background-repeat: repeat;
	color: #2a3258;
}
html,body {
    position: relative;
    height: 100%;
}
.guide_swiper,.content_swiper{
    width: 100%;
    height: 100%;
}
.content_swiper .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* ----------------------------------------------------------------
    通用
-----------------------------------------------------------------*/
.col-2{
    float: left;
    position: relative;
    width: 20%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

button:focus{outline:0;}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

a{
    color: #2a3258;
}

a, a:hover, a:focus{
    text-decoration: none;
}

a:hover{
    color: #d8661a;
}

ul,p{
    margin-bottom: 0px;
}

p{
    line-height: 24px;
}

.text_white{
    color: #fff;
}
.text_666{
    color: #666;
}
.text-warning{
    color: #d8661a;
}

.bg_f5f5f5{
    background: #f5f5f5;
}
.bg_white{
    background: #fff;
}

.font12{
    font-size: 12px;
}
.font16{
    font-size: 16px;
}
.font18{
    font-size: 18px;
}
.font20{
    font-size: 20px;
}
.font24{
    font-size: 24px;
}

.no_margin{
    margin: 0px;
}
.mb68{
    margin-bottom: 68px;
}
.mb100{
    margin-bottom: 100px;
}

.no_padding{
    padding-left: 0px;
    padding-right: 0px;
}

/* ----------------------------------------------------------------
    首页
-----------------------------------------------------------------*/
.height{
    height: 120px;
}
.yindaoyei_modal{
    width: 100%;
    height: 100%;
    margin: 0px;
    background: url(../img/guide_img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px;
}
.yindaoyei_modal .modal-dialog{
    margin: 0px auto;
}
.modal_next{
    position: absolute;
    bottom: 48px;
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 48px;
    text-align: center;
    animation:next_donghua 1s linear 0.5s infinite alternate;
    /* Firefox: */
    -moz-animation:next_donghua 1s linear 0.5s infinite alternate;
    /* Safari and Chrome: */
    -webkit-animation:next_donghua 1s linear 0.5s infinite alternate;
    /* Opera: */
    -o-animation:next_donghua 1s linear 0.5s infinite alternate;
}
@keyframes next_donghua
{
    from {bottom: 60px;}
    to {bottom: 30px;}
}

@-webkit-keyframes next_donghua /* Safari and Chrome */
{
    from {bottom: 60px;}
    to {bottom: 30px;}
}

.guide_swiper_slide_center{
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.guide_center_nr h2{
    font-size: 28px;
    margin: 0px 0px 42px 0px;
}
.guide_center_nr h1{
    margin: 0px 0px 48px 0px;
    font-size: 60px;
}
.guide_center_nr p{
    width: 850px;
}
.rlay_video{
    display: inline-block;
    padding: 16px 32px 14px 62px;
    background: #d8661a;
    color: #fff;
    margin-top: 56px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.3);
    position: relative;
}
.rlay_video:hover{
    background: #fc761d;
    color: #fff;
}
.rlay_video:before{
    content: "";
    position: absolute;
    top: 12px;
    left: 32px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 10px solid transparent;
}
.rlay_video2{
    padding: 16px 32px 16px 32px;
}
.rlay_video2:before{
    content: none;
}

/*nav*/
.logo{
    position: absolute;
    left: 50%;
    margin: -
}
.navbar{
    min-height: 120px;
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
}
.navbar-default{
    background: #fff;
}
.navbar-brand{
    position: absolute;
    left: 50%;
    z-index: 1000;
    height: 120px;
    padding: 37px 15px;
}
.navbar>.container-fluid .navbar-brand{
    margin-left: -225px;
}
.collapse{
    position: relative;
}
.navbar-nav{
    text-align: center;
}
.logo_juli{
    margin-left: 226px;
}
.nav_yuyan{
    position: absolute;
    right: 48px;
    top: 50px;
}
.nav_ul{
    margin-left: -134px;
}
.nav_ul li a{
    display: inline-block;
    padding: 53px 0px;
    margin: 0px 34px;
    color: #2d345b;
    position: relative;
}
.nav_ul li a:before{
    content: "";
    position: absolute;
    left: 51%;
    right: 51%;
    bottom: 38px;
    background: #2a3258;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.nav_ul li a:hover:before{
    left: 0%;
    right: 0%;
}

.img_csdfjf{
    width: 144px;
    height: 144px;
    background: #f00;
    margin: 0px auto;
}
.nav_ul .active{
    font-weight: 700;
}
.nav_ul .active a:hover{
    color: #2d345b;
}

.nav_xiala .menu{
    display: none;
    position: absolute;
    background: #fff;
    box-shadow: 0px 5px 30px rgba(0,0,0,0.1);
    margin-top: 0px;
    z-index: 1000;
    padding: 0px 10px 0px 10px;
    animation: xianladonghua 0.5s;
    -moz-animation: xianladonghua 0.5s; /* Firefox */
}
@keyframes xianladonghua
{
    0%   {
        margin-top: 20px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}

@-moz-keyframes xianladonghua /* Firefox */
{
    0%   {
        margin-top: 20px;
        opacity: 0;
    }
    100% {
        margin-top: 0px;
        opacity: 1;
    }
}
.nav_xiala .menu li{
    display: inline-block;
    list-style: none;
}
.nav_xiala .menu li a:before{
    display: none;
}
.nav_xiala .menu li a{
    display: inline-block;
    padding: 16px 20px 12px 20px;
    margin: 0px;
}
.nav_xiala .menu li a:hover{
    text-decoration: underline; 
}
.nav_xiala .menu li a img{
    width: 104px;
    margin-bottom: 14px;
}
.nav_xiala:hover .menu{
    display: block;
    transition: all .5s;
}
.index_bottom{
    padding: 52px 218px 30px 218px;        
}
.index_bottom_ul li{
    line-height: 42px;
}
.index_bottom_ul li a{
    display: block;
}
.index_bottom_media{
    display: block;
    margin-bottom: 26px;
}
.index_bottom_media .media-left .media-object{
    max-width: 66px;
}
.index_bottom_p{
    margin-top: 26px;
}

/*index内容*/
.index_see_more{
    color: #d8661a;
    margin-top: 24px;
    display: inline-block;
}
.index_see_more_le{
    color: #2a3258;
}
.index_see_more span{
    transition: margin-left 0.5s;
    -webkit-transition: margin-left 0.5s; /* Safari */
}
.index_see_more:hover span{
    margin-left: 12px;
}
.home_bg_style{
    padding: 0px 250px;
}
.home_bg_style h1{
    font-size: 48px;
    margin: 0px 0px 20px 0px;
}
.home_bg_style p{
    line-height: 32px;
}
.home_bg_height{
    height: 800px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

/* ----------------------------------------------------------------
    TOOL MAKING
-----------------------------------------------------------------*/
.tool_style{
    margin-top: 165px;
}

/* ----------------------------------------------------------------
    markets_consumer
-----------------------------------------------------------------*/
.swiper_markets{
    background: #000;
    padding: 1px;
    margin-top: 30px;
}
.swiper_markets .swiper-wrapper .swiper-slide img{
    width: 100%;
}
.swiper_markets .swiper-button-next:after,.swiper_markets .swiper-button-prev:after{
    color: #999;
}
.swiper_markets .swiper-button-next:hover:after,.swiper_markets .swiper-button-prev:hover:after{
    color: #d8661a;
}

/* ----------------------------------------------------------------
    factory
-----------------------------------------------------------------*/
.factory_text{
    padding: 42px 30px;
}
.factory_text h4{
    margin: 0px 0px 8px 0px;
}
.factory_video{
    margin-top: 45px;
    margin-bottom: 45px;
}
.factory_img_tx{
    overflow: hidden;
}
.factory_img_tx img{
    transition:all 1s ease-out;
    width: 100%;
    height: 440px;
}
.factory_img:hover .factory_img_tx img{
    transform:scale(1.1);
}
.factory_img{
    margin-bottom: 14px;
    display: block;
}
.factory_col{
    padding: 0px 7px 0px 7px;
}
.factory_style{
    padding: 42px 35px 34px 35px;
}

/* ----------------------------------------------------------------
    markets_consumer
-----------------------------------------------------------------*/
.swiper_about{
    background: #fff;
}

.certification_yidaotu{
    margin-top: 58px;
}

.about_style{
    padding: 244px 25px 162px 25px;
}

.about_bt{
    margin: 108px 0px 38px 0px;
}
.about_logo_style{
    text-align: center;
    height: 108px;
    line-height: 108px;
}

.contact_tubiao_style{
    height: 50px;
    line-height: 50px;
    margin-bottom: 22px;
}
.contact_lxfs{
    padding: 118px 15px 32px 15px;
}
.contact_lxfs h3{
    margin: 20px 0px 0px 0px;
}
.home_bg_style .contact_bt{
    margin: 100px 0px 114px 0px;
}
.contact_style_left{
    background: #de8346;
    padding: 44px;
    margin-bottom: 30px;
}
.contact_bt2{
    margin: 0px 0px 30px 0px;
}
.contact_style_right{
    background: #515876;
    padding: 44px;
    margin-bottom: 30px;
}
.contact_style{
    margin-bottom: 178px;
}
.contact_send{
    display: inline-block;
    color: #fff;
    padding: 18px 62px;
    background: #d8661a;
    margin-top: 38px;
}
.contact_send:hover{
    color: #fff;
    background: #db8043;
}
.contact_style_right .form-group{
    margin-bottom: 18px;
}
.contact_style_right .form-group .form-control{
    border: none;
    border-radius: 0px;
    padding: 12px;
}
.contact_style_right .form-group .contact_form_control{
    height: 44px;
}


/* ----------------------------------------------------------------
    背景
-----------------------------------------------------------------*/
.home_bg{
    height: 800px;
}
.modal_bg1{
    background: url(../img/modal_bg1.jpg) center;
    background-size: cover;
}
.modal_bg2{
    background: url(../img/modal_bg2.jpg) center;
    background-size: cover;
}
.modal_bg3{
    background: url(../img/modal_bg3.jpg) center;
    background-size: cover;
}
.modal_bg4{
    background: url(../img/modal_bg4.jpg) center;
    background-size: cover;
}
.modal_bg5{
    background: url(../img/modal_bg5.jpg) center;
    background-size: cover;
}
.modal_bg6{
    background: url(../img/modal_bg6.jpg) center;
    background-size: cover;
}
.modal_bg7{
    background: url(../img/modal_bg7.jpg) center;
    background-size: cover;
}
.modal_bg8{
    background: url(../img/modal_bg8.jpg) center;
    background-size: cover;
}
.modal_bg9{
    background: url(../img/modal_bg9.jpg) center;
    background-size: cover;
}
.modal_bg10{
    background: url(../img/modal_bg10.jpg) center;
    background-size: cover;
}
.modal_bg11{
    background: url(../img/modal_bg11.jpg) center;
    background-size: cover;
}
.home_automotive_bg{
    background: #6a6f86;
}
.home_bg1{
    background: url(../img/home_bg1.jpg) right;
    background-size: cover;
}
.home_bg2{
    background: url(../img/home_bg2.jpg) left;
    background-size: cover;
}
.home_bg3{
    background: url(../img/home_bg3.jpg) right;
    background-size: cover;
}
.home_bg4{
    background: url(../img/home_bg4.jpg) left;
    background-size: cover;
}
.home_bg5{
    background: url(../img/home_bg5.jpg) center;
    background-size: cover;
}
.home_bg6{
    background: url(../img/home_bg6.jpg) left;
    background-size: cover;
    height: auto;
    padding-bottom: 288px;
}
.home_bg6_left,.home_bg6_right{
    padding: 288px 15px 0px 15px;
}

.services_design_bg1{
    background: url(../img/services_design_bg1.jpg) left;
    background-size: cover;
}
.services_design_bg2{
    background: url(../img/services_design_bg2.jpg) right;
    background-size: cover;
}
.services_design_bg3{
    background: url(../img/services_design_bg3.jpg) left;
    background-size: cover;
}

.services_injection_bg1{
    background: url(../img/services_injection_bg1.jpg) left;
    background-size: cover;
}
.services_injection_bg2{
    background: url(../img/services_injection_bg2.jpg) right;
    background-size: cover;
}
.services_injection_bg3{
    background: url(../img/services_injection_bg3.jpg) left;
    background-size: cover;
}

.services_tool_bg1{
    background: url(../img/services_tool_bg1.jpg) center;
    background-size: cover;
}
.services_tool_bg2{
    background: url(../img/services_tool_bg2.jpg) left;
    background-size: cover;
}
.services_tool_bg3{
    background: url(../img/services_tool_bg3.jpg) left;
    background-size: cover;
}

.ms_cr_bg1{
    background: url(../img/ms_cr_bg1.jpg) left;
    background-size: cover;
}
.ms_cr_bg2{
    background: url(../img/ms_cr_bg2.jpg) right;
    background-size: cover;
}

.ms_ae_bg1{
    background: url(../img/ms_ae_bg1.jpg) left;
    background-size: cover;
}
.ms_ae_bg2{
    background: url(../img/ms_ae_bg2.jpg) right;
    background-size: cover;
}

.ms_il_bg1{
    background: url(../img/ms_il_bg1.jpg) left;
    background-size: cover;
}
.ms_il_bg2{
    background: url(../img/ms_il_bg2.jpg) right;
    background-size: cover;
}

.markets_medical_bg1{
    background: url(../img/markets_medical_bg1.jpg) right;
    background-size: cover;
}
.markets_medical_bg2{
    background: url(../img/markets_medical_bg2.jpg) left;
    background-size: cover;
}

.factory_bg1{
    background: url(../img/factory_bg1.jpg) right;
    background-size: cover;
}

.certification_bg1{
    background: url(../img/certification_bg1.jpg) left;
    background-size: cover;
}
.certification_bg2{
    background: url(../img/certification_bg2.jpg) right;
    background-size: cover;
}
.certification_bg3{
    background: url(../img/certification_bg3.jpg) left;
    background-size: cover;
}

.about_bg1{
    background: url(../img/about_bg1.jpg) center;
    background-size: cover;
}
.about_bg2{
    background: url(../img/about_bg2.jpg) center;
    background-size: cover;
}

.contact_bg1{
    background: url(../img/contact_bg1.jpg) center;
    background-size: cover;
}


.bg_FBFBFC {
    background: #FBFBFC;
}
.dibu_bottom_logo{
    padding-bottom: 32px;
}
.tabs_bt2{
    margin: 62px 0px 30px 0px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 30px;
}
.list_khan{
    display: block;
    background: #fff;
    margin-bottom: 24px;
    -webkit-transition: box-shadow 0.5s,color 0.5s;
    transition: box-shadow 0.5s,color 0.5s;
}
.list_khan:hover{
    box-shadow: 0 15px 30px rgba(0, 102, 204, 0.15);
}
.list_khan .pull-left{
    width: 300px;
    height: 228px;
}
.img_center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.list_khan p{
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.list_right_ul span {
    display: inline-block;
    width: 48px;
    height: 28px;
    line-height: 28px;
    border-radius: 50px;
    background: #2984ef;
    color: #fff;
    text-align: center;
    margin: 0px 0px 0px 14px;
}
.list_khan .media-body{
    padding: 24px;
}
.list_khan .media-body .p1{
    margin-bottom: 24px;
}
.list_khan h3{
    margin: 12px 0px 18px 0px;
}
.case_detils_style1 {
    margin: 88px 0px 28px 0px;
}

.panel-group .panel+.panel{
    margin-top: 1px;
}
.joinlist{padding-bottom:50px;}
.joinlist .panel{
    border: none;
}
.panel-default>.panel-heading {
    background: #fff;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
    background: #f5f5f5;
    padding: 30px;
}

@media (max-width: 1400px){

   .nav_ul li a {
    display: inline-block;
    padding: 53px 0px;
    margin: 0px 20px;
    color: #2d345b;
    position: relative;
    }

}

@media (max-width: 1200px){
    .navbar-brand{
        position: static;
        left: 0px;
        height: 88px;
        padding: 22px 15px;
    }
    
 
    .navbar>.container-fluid .navbar-brand{
        margin-left: 0px;
    }
    .navbar{
        min-height: 88px;
    }
    .logo_juli{
        margin-left: 0px;
    }
    .nav_ul{
        margin-left: 0px;
        padding: 20px 0px;
    }
    .nav_ul li{
        display: block;
        padding: 0px;
    }
    .nav_ul li a{
        display: block;
        margin: 0px;
        text-align: left;
        padding: 20px 0px;
    }
    .nav_ul li a:before{
        content: "";
        position: absolute;
        left: 51%;
        right: 51%;
        bottom: 0px;
        background: #2a3258;
        height: 2px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .nav_xiala .menu li a img{
        display: none;
    }
    .nav_xiala .menu{
        display: block;
        position: static;
    }
    .nav_xiala .menu li{
        display: block;
    }
    .nav_xiala .menu li a{
        display: block;
    }
    .nav_yuyan{
        position: static;
        padding: 30px 0px;
        border-top: 1px solid #f5f5f5;
    }

    .guide_center_nr p{
        width: auto;
    }
    .home_bg_style {
        padding: 0px 30px;
    }
    .index_bottom{
        padding: 52px 30px 30px 30px;
    }
    .height{
        height: 88px;
    }
    .about_style{
        padding: 120px 25px;
    }
}

@media (max-width: 900px){
    .index_bottom_p,.bottom_logo{
        text-align: center;
    }
    .index_bottom_ul li a{
        border-bottom: 1px solid #f5f5f5;
    }
    .home_bg6_left{
        padding: 188px 15px 0px 15px;
    }
    .home_bg6_right {
        padding: 68px 15px 0px 15px;
    }
    .home_bg6{
        padding-bottom: 188px;
    }
}

@media (max-width: 750px){
    .mb68{
        margin-bottom: 38px;
    }
    .guide_center_nr h2{
        font-size: 20px;
    }
    .home_bg_style {
        padding: 0px;
    }
    .home_bg{
        height: 700px;
    }
    .home_bg_height{
        height: 700px;
    }
    .guide_center_nr h2{
        margin: 0px 0px 30px 0px;
    }
    .guide_center_nr h1{
        font-size: 38px;
        margin: 0px 0px 30px 0px;
    }
    .rlay_video{
        margin-top: 42px;
    }
    .home_bg_style h1{
        font-size: 38px;
    }
    .mb_home_bg{
        padding: 60px 0px;
        height: auto;
    }
    .mb_home_bg .home_bg_height{
        height: auto;
    }
    .index_bottom{
        padding: 52px 0px 30px 0px;
    }
    .navbar_md{
        padding: 0px;
    }
    .factory_style{
        padding: 42px 8px 34px 8px;
    }
    .tabs_bt2{
        margin: 30px 0px 5px 0px;
        padding-bottom: 5px;
    }
    .list_khan .pull-left{
        width: 100%;
        height: auto;
    }
    .media-left, .media>.pull-left{
        padding-right:0px;
    }
    .case_detils_style1{
       margin: 30px 0px 28px 0px;
    }
}
.navbar-default .navbar-toggle{
    border: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
    background: none;
}
.navbar-toggle{
    margin-top: 28px;
    margin-right: 10px;
}

/* ANIMATED X */
.navbar-toggle .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 10% 10%;
    -ms-transform-origin: 10% 10%;
    transform-origin: 10% 10%;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s; 
}

.navbar-toggle .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s; 
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 10% 90%;
    -ms-transform-origin: 10% 90%;
    transform-origin: 10% 90%;
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);

}

.navbar-toggle.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}