@media (max-width:767px) {
html{ font-size: 16px !important;}
#fp-nav{ display: none !important;}

.banner .swiper-slide a{ transform:none !important;}
/*手机样式*/
.header{ padding:0 !important; height:60px !important; z-index:99 !important;}
.logo{ height:36px !important; margin-top: 12px !important;}
.logo a{ display:block; height:100%;}
.logo a img{ height:100%; display:block;}
.nav_xs{ margin-top: 1.1rem !important; padding: 0.75rem 1rem !important; padding-right: 0 !important;}
.navs{ position:absolute !important; left:0; top:0; height: 100vh !important; right:0; background:rgba(0,0,0,1); transition:all 0.6s; width: 100%; opacity: 0; pointer-events: none; z-index: -1;}
.navs:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.3); position: absolute; top: 59px; left: 0;}
.navs.active{ opacity: 1; pointer-events: auto;}
.navs ul{ text-align:center !important; padding: 0 !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%;}
.navs ul li{ display:block !important; margin:1.5rem 0 !important; text-align: center;}
.navs ul li .erji{ display: none !important;}
/* .navs ul li:first-child{ margin-top: 80px;} */
/* .navs ul li:last-child{ display: none !important;} */
.navs ul li.ss_la a:first-child{ margin-right: 0 !important;}
.nav_ss_xl{ width: 15rem !important; left: 0 !important; margin: 0 auto !important;}
.nav_ss_xl.active{ top:100% !important;}
.navs ul li a{ padding:0 !important; line-height:1.8rem !important; min-width: 50% !important; display: inline-block !important; color:#777 !important; font-size: 1rem !important;}
.navs ul li.active a{ color:#f7ac00 !important;}
.sj_x{ position: absolute; right: 5px; top: 5px; z-index: 2; color: #fff; width: 36px; height: 36px;}
.sj_x i{ line-height: 36px; display: inline-block; font-size: 24px;}

.banner .container img{ max-width: 90% !important;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet{ width:4rem !important; padding-top: 3.5rem !important; margin: 0 0.5rem !important;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:after{ background-size: 60% !important;}
.cao_swiper .gallery-top{ right: 0 !important; width: 35% !important;}
.cao_swiper .gallery-thumbs .swiper-slide{ padding-right: 35% !important; width: 100% !important;}
.cao_swiper .gallery-thumbs .swiper-slide.swiper-slide-prev{ padding-left: 0 !important;}
.cao_swiper .gallery-top .swiper-slide{ padding:1rem 0.8rem !important;}
.swiper_li p{ display: none !important;}
.swiper_li h4 a{ float: none !important; margin-top: 0.5rem !important;}
.swiper_li{ margin-bottom: 1rem !important;}
.thumbs_img span{ font-size: 1rem !important;}
.newcp_swiper{ display: none !important;}
.newcp_text{ padding-left: 0 !important;}
.newcp_text h2{ font-size: 1rem !important;}
.s_newproduct .s_biao{ margin-bottom: 1.5rem !important;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet{ background-size: 50% !important; margin: 0 0.2rem !important; width: 2.8rem !important; padding-top: 2.5rem !important; font-size: 0.8rem !important; font-weight: normal !important; word-break:break-all; letter-spacing: 2px;}
.app_swiper .swiper-slide a{ padding-top:60% !important;}
.app_swiper .swiper-pagination3{ padding-bottom: 3.5rem !important;}
.snew_right{ display: none !important;}
.snew_left{ padding-right:0 !important;}
.snew_left .swiper-pagination4{ bottom: 1rem !important; right: 0 !important; top: auto !important; left: 0 !important; transform: translateY(0) !important;}
.snew_left .swiper-pagination4 span.swiper-pagination-bullet{ display: inline-block !important; margin: 0 0.5rem !important;}
.snew_text p{ padding-bottom: 0 !important; border: none !important;}
.footer{ padding-top: 0 !important;}
.footer>.container{ display: none !important;}
.footer .foot_di{ margin-top: 0 !important;}
.footer .foot_di .container p:last-child span:last-child{ display: none !important;}
/*内页样式*/
.ny_left.active{ top: 60px !important;}
.ab_jj:after{ width: 100% !important; height: 100% !important;}
.jj_swiper{ width: 100% !important; transform: translateX(0) !important;}
.left_san{ width: 3rem !important; height: 3rem !important;}
.left_san i{ font-size: 1.2rem !important; line-height: 3rem !important;}
.ny_left .left_top{ height: 3rem !important; line-height: 3rem !important;}
.n_about1:after{ display: none !important;}
.ab_jj{ padding: 1.5rem !important;}
.jj_swiper{ margin-top: 2rem !important;}
.n_about2 .ab2_img{ width: 100% !important; margin-left: 0 !important; display: none !important;}
.ab2_text{ padding-left: 1.5rem !important;}
.ab2_text h3{ width: calc(100% + 1.5rem) !important; margin-left: -1.5rem !important; padding-left: 1.5rem !important;}
.ab2_text h5:after{ left: -1rem !important;}
.n_about3 .bjdw{ padding: 1rem 0 !important;}
.ab3_text{ width: 90% !important; position: static !important; margin: 0 auto !important;}
.vh_100{ height:0 !important; padding-top: 60% !important;}
.vh_putong{ padding-top: 50% !important;}
.ty_nav{ width: 90% !important;}
.ty_nav .swiper-slide a{ line-height: 1.5rem !important; font-size: 0.8rem !important;}
.ty_nav .swiper-slide.active a{ font-size: 1rem !important;}
.map_text{ position: static !important; width: 100% !important;}
.map_text:after{ display: none !important;}
.join_ss .caption{ margin-bottom: 0.75rem !important;}
.join_ss{ padding: 1rem !important; padding-bottom: 1px !important;}
.job_table .row{ margin: 0 -0.5rem !important;}
.job_table .row .col-md-3{ width: 25% !important; float: left !important; padding: 0 0.5rem !important;}
.job_table .caption{ font-size: 0.9rem !important;}
.job_tab .panel-heading .row{ margin: 0 -0.5rem !important;}
.job_tab .panel-heading .row .col-md-3{ width: 25% !important; float: left !important; padding: 0 0.5rem !important; font-size: 0.8rem !important;}
.job_tab .panel-heading .row .col-md-3:last-child{ font-size: 0.7rem !important;}
.job_tab .panel-body{ padding: 1rem !important;}
.yuan_xian{ height: 4rem !important;}
.nnew_li a{ padding-left: 0 !important;}
.nnew_time{ display: none !important;}
.nnew_text{ padding: 0.5rem 1rem !important;}
.nynew_left h2{ font-size: 1.1rem !important; line-height: 1.5rem !important;}
.nynew_left .ty_content p{ font-size: 0.9rem !important; line-height: 1.5rem !important;}
.nynew_right{ display: none !important;}
.fanye02{ padding: 0.5rem 0 !important;}
.ny_tongyong{ padding-bottom: 1.5rem !important;}
.down_text h5{ margin-top: 1rem !important;}
.pro_new{ display: none !important;}
.pro_yingyong ul li{ margin:0.2rem 0 !important;}
.pro_yingyong ul li a{ padding: 0.3rem 0.5rem !important;}

.cao_swiper .gallery-top .pagination-top{ display: none !important;}
.cao_swiper .gallery-top .swiper-slide .swiper_li{ display: none !important;}
.cao_swiper .gallery-top .swiper-slide .swiper_li:nth-child(1){ display: block !important;}
.cao_swiper .gallery-top .swiper-slide .swiper_li:nth-child(2){ display: block !important;}
.foot_di p span{ display: block !important;}

.ty_nav{ width: 100% !important;}
.ty_nav ul li{ margin: 5px 2px !important;}
.ty_nav ul li a{ font-size: 14px !important; padding: 6px 8px !important;}

.ty_content video{ width: 100% !important; height: auto !important; min-height: 300px !important;}

.nynew_left>h2{display: flex !important; align-items: flex-start; justify-content: space-between; float: none !important;}
.nynew_left>h2 a{width: 3.25rem; text-align: center; flex-shrink: 0;}

}
/*手机样式*/

 @media (min-width:768px) and (max-width:991px) {
    html{ font-size: 16px !important;}
    #fp-nav{ display: none !important;}
    
    .banner .swiper-slide a{ transform:none !important;}
    /*手机样式*/
    .header{ padding:0 !important; height:60px !important; z-index:99 !important;}
    .logo{ height:36px !important; margin-top: 12px !important;}
    .logo a{ display:block; height:100%;}
    .logo a img{ height:100%; display:block;}
    .nav_xs{ margin-top: 1.1rem !important; padding: 0.75rem 1rem !important; padding-right: 0 !important;}
    .navs{ position:absolute !important; left:0; top:0; height: 100vh !important; right:0; background:rgba(0,0,0,1); transition:all 0.6s; width: 100%; opacity: 0; pointer-events: none; z-index: -1;}
    .navs:after{ content: ''; width: 100%; height: 1px; background: rgba(255,255,255,0.3); position: absolute; top: 59px; left: 0;}
    .navs.active{ opacity: 1; pointer-events: auto;}
    .navs ul{ text-align:center !important; padding: 0 !important; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%;}
    .navs ul li{ display:block !important; margin:1.5rem 0 !important; text-align: center;}
    .navs ul li .erji{ display: none !important;}
    /* .navs ul li:first-child{ margin-top: 80px;} */
    /* .navs ul li:last-child{ display: none !important;} */
    .navs ul li.ss_la a:first-child{ margin-right: 0 !important;}
    .nav_ss_xl{ width: 15rem !important; left: 0 !important; margin: 0 auto !important;}
    .nav_ss_xl.active{ top:100% !important;}
    .navs ul li a{ padding:0 !important; line-height:1.8rem !important; min-width: 50% !important; display: inline-block !important; color:#777 !important; font-size: 1rem !important;}
    .navs ul li.active a{ color:#f7ac00 !important;}
    .sj_x{ position: absolute; right: 5px; top: 5px; z-index: 2; color: #fff; width: 36px; height: 36px;}
    .sj_x i{ line-height: 36px; display: inline-block; font-size: 24px;}
    
    .banner .container img{ max-width: 90% !important;}
    .cao_swiper .pagination-thumbs span.swiper-pagination-bullet{ width:4rem !important; padding-top: 3.5rem !important; margin: 0 0.5rem !important;}
    .cao_swiper .pagination-thumbs span.swiper-pagination-bullet:after{ background-size: 60% !important;}
    .cao_swiper .gallery-top{ right: 0 !important; width: 35% !important;}
    .cao_swiper .gallery-thumbs .swiper-slide{ padding-right: 35% !important; width: 100% !important;}
    .cao_swiper .gallery-thumbs .swiper-slide.swiper-slide-prev{ padding-left: 0 !important;}
    .cao_swiper .gallery-top .swiper-slide{ padding:1rem 0.8rem !important;}
    .swiper_li p{ display: none !important;}
    .swiper_li h4 a{ float: none !important; margin-top: 0.5rem !important;}
    .swiper_li{ margin-bottom: 1rem !important;}
    .thumbs_img span{ font-size: 1rem !important;}
    .newcp_swiper{ display: none !important;}
    .newcp_text{ padding-left: 0 !important;}
    .newcp_text h2{ font-size: 1rem !important;}
    .s_newproduct .s_biao{ margin-bottom: 1.5rem !important;}
    .app_swiper .swiper-pagination3 span.swiper-pagination-bullet{ background-size: 50% !important; margin: 0 0.2rem !important; width: 2.8rem !important; padding-top: 2.5rem !important; font-size: 0.8rem !important; font-weight: normal !important; word-break:break-all; letter-spacing: 2px;}
    .app_swiper .swiper-slide a{ padding-top:60% !important;}
    .app_swiper .swiper-pagination3{ padding-bottom: 3.5rem !important;}
    .snew_right{ display: none !important;}
    .snew_left{ padding-right:0 !important;}
    .snew_left .swiper-pagination4{ bottom: 1rem !important; right: 0 !important; top: auto !important; left: 0 !important; transform: translateY(0) !important;}
    .snew_left .swiper-pagination4 span.swiper-pagination-bullet{ display: inline-block !important; margin: 0 0.5rem !important;}
    .snew_text p{ padding-bottom: 0 !important; border: none !important;}
    .footer{ padding-top: 0 !important;}
    .footer>.container{ display: none !important;}
    .footer .foot_di{ margin-top: 0 !important;}
    .footer .foot_di .container p:last-child span:last-child{ display: none !important;}
    /*内页样式*/
    .ny_left.active{ top: 60px !important;}
    .ab_jj:after{ width: 100% !important; height: 100% !important;}
    .jj_swiper{ width: 100% !important; transform: translateX(0) !important;}
    .left_san{ width: 3rem !important; height: 3rem !important;}
    .left_san i{ font-size: 1.2rem !important; line-height: 3rem !important;}
    .ny_left .left_top{ height: 3rem !important; line-height: 3rem !important;}
    .n_about1:after{ display: none !important;}
    .ab_jj{ padding: 1.5rem !important;}
    .jj_swiper{ margin-top: 2rem !important;}
    .n_about2 .ab2_img{ width: 100% !important; margin-left: 0 !important; display: none !important;}
    .ab2_text{ padding-left: 1.5rem !important;}
    .ab2_text h3{ width: calc(100% + 1.5rem) !important; margin-left: -1.5rem !important; padding-left: 1.5rem !important;}
    .ab2_text h5:after{ left: -1rem !important;}
    .n_about3 .bjdw{ padding: 1rem 0 !important;}
    .ab3_text{ width: 90% !important; position: static !important; margin: 0 auto !important;}
    .vh_100{ height:0 !important; padding-top: 60% !important;}
    .vh_putong{ padding-top: 50% !important;}
    .ty_nav{ width: 90% !important;}
    .ty_nav .swiper-slide a{ line-height: 1.5rem !important; font-size: 0.8rem !important;}
    .ty_nav .swiper-slide.active a{ font-size: 1rem !important;}
    .map_text{ position: static !important; width: 100% !important;}
    .map_text:after{ display: none !important;}
    .join_ss .caption{ margin-bottom: 0.75rem !important;}
    .join_ss{ padding: 1rem !important; padding-bottom: 1px !important;}
    .job_table .row{ margin: 0 -0.5rem !important;}
    .job_table .row .col-md-3{ width: 25% !important; float: left !important; padding: 0 0.5rem !important;}
    .job_table .caption{ font-size: 0.9rem !important;}
    .job_tab .panel-heading .row{ margin: 0 -0.5rem !important;}
    .job_tab .panel-heading .row .col-md-3{ width: 25% !important; float: left !important; padding: 0 0.5rem !important; font-size: 0.8rem !important;}
    .job_tab .panel-heading .row .col-md-3:last-child{ font-size: 0.7rem !important;}
    .job_tab .panel-body{ padding: 1rem !important;}
    .yuan_xian{ height: 4rem !important;}
    .nnew_li a{ padding-left: 0 !important;}
    .nnew_time{ display: none !important;}
    .nnew_text{ padding: 0.5rem 1rem !important;}
    .nynew_left h2{ font-size: 1.1rem !important; line-height: 1.5rem !important;}
    .nynew_left .ty_content p{ font-size: 0.9rem !important; line-height: 1.5rem !important;}
    .nynew_right{ display: none !important;}
    .fanye02{ padding: 0.5rem 0 !important;}
    .ny_tongyong{ padding-bottom: 1.5rem !important;}
    .down_text h5{ margin-top: 1rem !important;}
    .pro_new{ display: none !important;}
    .pro_yingyong ul li{ margin:0.2rem 0 !important;}
    .pro_yingyong ul li a{ padding: 0.3rem 0.5rem !important;}
    
    .cao_swiper .gallery-top .pagination-top{ display: none !important;}
    

#bsBox{ display:none !important;}
#bsPanel{ left:15px !important;}

.ty_content video{ width: 100% !important; height: auto !important; min-height: 300px !important;}

}

@media (min-width:992px) and (max-width:1199px) {
    html {font-size: 14px !important;}
    .navs ul{ padding-top: 1.5rem !important;}
    .swiper_li p{ display: none !important;}
    .swiper_li h4 a{ float: none !important; display: block !important; margin-top: 1rem !important;}
    .cao_swiper .pagination-thumbs span.swiper-pagination-bullet:after{ background-size: 35% !important;}
    .app_swiper .swiper-pagination3 span.swiper-pagination-bullet{ background-size: 35% !important;}




}
@media (max-height:600px) and (min-width:1000px) {
    .s_biao h2{ font-size: 1.2rem !important;}
    .app_swiper .swiper-pagination3 span.swiper-pagination-bullet{ width:6rem !important;padding-top: 3.5rem !important;}
    .app_swiper .swiper-slide a{ padding-top: 50% !important;}
    .newcp_text .ty_content p{ margin: 0.5rem 0 !important;}
    .newcp_text h2{ font-size: 1.2rem !important;}
    .newcp_swiper .swiper-slide a{ padding-top: 56% !important;}
    .s_newproduct .s_biao{ margin-bottom: 1.5rem !important;}
    .cao_swiper{ margin-bottom: 5rem !important;}
    .cao_swiper .gallery-top .swiper-slide{ padding: 1.5rem !important;}
    .cao_swiper .pagination-thumbs{ bottom: -5rem !important;}
    .cao_swiper .pagination-thumbs span.swiper-pagination-bullet:after{ height: 3rem !important; width: 70% !important; left:15% !important;}
    .cao_swiper .pagination-thumbs span.swiper-pagination-bullet{ padding-top: 3rem !important;}
    .swiper_li{ margin-bottom: 0.5rem !important;}
    .swiper_li h4{ margin-bottom: 0.5rem !important;}
    .thumbs_img a{ padding-top: 74% !important;}
    .snew_li{ margin-bottom: 1rem !important;}
    .app_text{ padding: 0.5rem 1rem !important;}
    .newcp_text .ty_content p{line-height: 1.5rem !important;}
    .newcp_text{ padding-left: 0rem !important;}
    .swiper_li h4{ position: relative;}
    .swiper_li h4 a{ margin-top:0 !important; float: none !important; position: absolute; right: 0; top: -5px;}
    .thumbs_img a span{ font-size: 1rem !important;}
}

 @media (min-width:1200px) and (max-width:1441px) {
html {font-size: 16px !important;}
.navs ul{ padding-top: 1.3rem !important;}


.navs ul li:after{ height: calc(100% + 2.5rem) !important;}
.navs ul li .erji{ top: calc(100% + 1.45rem) !important;}
.cao_swiper .gallery-top .swiper-slide{ padding:1.5rem !important;}
.swiper_li h4 a{ padding: 0.3rem !important;}



/*首页开始*/
#fp-nav.fp-right{ right:2% !important;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:after{ background-size: 35% !important;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet{ background-size: 35% !important;}
/*首页开始*/



}



@media (min-width:1441px) {
	.container{ width:1340px !important; padding: 0 !important;}
}

@media (min-width:1200px) {
    
}



body{ width:100%; font-family: '微软雅黑';}
html {font-size: 20px;}
body {font-size:0.7rem;}

.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.cl:after{ clear: both; display: table; content: '';}
a{text-decoration:none !important;}

.row{ margin: 0 -0.75rem;}

.col-2{ width: 20%; padding: 0 0.75rem; float: left;}
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ padding: 0 0.75rem;}

h1, h2, h3, h4, h5, h6{ margin: 0.5rem 0;}
h1{ font-size: 1.8rem;}
h2{ font-size: 1.5rem;}
h3{ font-size: 1.2rem;}
h4{ font-size: 0.9rem;}
p, h5{ font-size: 0.7rem;}
h6{ font-size: 0.6rem;}




/*翻屏*/
.section{ overflow:hidden;}

#fp-nav.fp-left{ right: 4.3rem;}
#fp-nav ul li{ width:1.9rem; height:1.9rem;}
#fp-nav ul li a{ display:block; position:relative; width:1.9rem; height:1.9rem; transition: all 0.3s;}
#fp-nav ul li a span{ margin: 0;}
#fp-nav ul li a span.fp-sr-only{ width: 2rem; height: 1.2rem; line-height: 24px; color: #fff; display: block; position: absolute; left: auto; right: calc(100% + 0.3rem); top: 50%; transform: translateY(-50%); clip: auto; border-radius: 0; background: none; transition: all 0.3s; opacity: 0; pointer-events: none;}
#fp-nav ul li a span:nth-child(2){ box-sizing: border-box; border: 0.2rem solid #fff; border-radius: 50%; transform: translateX(-50%) translateY(-50%); width: 1rem; height: 1rem; display: block; transition: all 0.3s; background: none; box-shadow: 0px 0px 4px rgba(0,0,0,0.2);}
#fp-nav ul li a.active span{ margin: 0;}
#fp-nav ul li a.active span:nth-child(2){ opacity: 0; width: 0rem; height: 0rem;}
#fp-nav ul li a.active{ background: url(../images/ico.png) center no-repeat; background-size: cover;}
#fp-nav ul li a.active span.fp-sr-only{ right: 100%; opacity: 1; pointer-events: auto;}
#fp-nav ul li a:hover span:nth-child(2){ margin: 0; background: #f7ac00;}
#fp-nav ul li a.active:hover span.fp-sr-only{ width: 2rem; height: 1.2rem; margin: 0; transform: translateY(-50%);}



.sq_mouse.active{ display: none;}
.sq_mouse{
    position: absolute;
    bottom: 3%;
    left:50%;
    margin-left:-10px;
	z-index:3;
}
.sq_m_small{
    position: absolute;
    top:5px;
    left:50%;
    margin-left:-1px;
    width:2px;
    height:8px;
    border-radius: 6px;
    background: #fff;
    animation: smallDown 1.5s forwards infinite;
    -webkit-animation: smallDown 1.5s forwards infinite;
}
@keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
@-webkit-keyframes smallDown {
    0%{top:7px;opacity: 1;}
    50%{top:9px;opacity: 0.5;}
    100%{top:10px;opacity: 0}
}
/*翻屏*/




/*首页*/
.header{ position:fixed; top:0; z-index:99; left:0; right:0; padding:0.7rem 1.8rem; border-bottom: 1px solid rgba(255,255,255,0.6);background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0)); transition: all 0.6;}
.navs ul{ margin:0; padding:0; text-align:right; padding-top: 0.8rem;}
.navs ul li{ list-style:none; display:inline-block; margin-right: 2rem; transition: all 0.3s; transform: translateY(-5px);}
.navs ul li a{ display:block; font-size:0.75rem; font-weight: bold; color:#fff; position: relative; transition: all 0.3s;}
.navs ul li a:hover{ color: #f7ac00;}
.navs ul li.active a{ color: #f7ac00;}

.navs ul li.active .erji a{ color: #fff;}
.navs ul li{ position: relative;}
.navs ul li:after{ content: ''; height: calc(100% + 2.35rem); width: 100%; position: absolute; left: 0; top: -1rem; z-index: -1; cursor: pointer;}
.navs ul li .erji{ position: absolute; top: calc(100% + 1.35rem); left: 50%; transform: translateX(-50%); height: 3.5rem; line-height: 3.5rem; transition: all 0.3s; white-space: nowrap; z-index: 2; opacity: 0; pointer-events: none;}
.navs ul li:hover .erji{ opacity: 1; pointer-events: auto;}
.navs ul li .erji a{ display: inline-block; margin: 0 0.75rem; font-weight: normal;}
.navs ul li .erji a:hover{ color: #fff; transform: translateY(-0.25rem);}
.navs ul li .erji:after{ content: ''; width: 6000px; background: rgba(247,172,0,0.75); height: 100%; position: absolute; left: -2000px; top: 0; z-index: -1;}




.navs ul li.ss_la a{ display: inline-block; font-weight: normal;}
.navs ul li.ss_la a:first-child{ margin-right: 0.8rem;}
.navs ul li.ss_la a i{ font-size: 0.9rem;}
.nav_ss_xl.active{ opacity: 1; pointer-events: auto; top: 2.5rem;}
.nav_ss_xl{ width: 18.5rem; height: 2.5rem; position: absolute; right: 0; top: 3rem; transition: all 0.3s; font-size: 0.75rem; opacity: 0; pointer-events: none;}
.nav_ss_xl input{ border: 2px solid #f7ac00; background: #fff; height: 2.5rem; padding-right: 2.5rem; width: 100%; padding-left: 15px;}
.nav_ss_xl button{ width: 2.5rem; height: 2.5rem; line-height: 2.5rem; border: none; text-align: center; position: absolute; right: 0; top: 0; background: #f7ac00;}

.nav_xs{ cursor:pointer; padding:0.75rem 0; margin-top: 0.3rem;}
.nav_xs i{ display:block; width:0.8rem; height:1px; background: #fff; position:relative;}
.nav_xs i:after{ content:''; width:1rem; height:1px; background: #fff; position:absolute; top:-0.45rem; right:0; transition:all 0.3s;}
.nav_xs i:before{ content:''; width:0.6rem; height:1px; background: #fff; position:absolute; bottom:-0.45rem; right:0; transition:all 0.3s;}
.nav_xs.active i:after{ width:0.8rem;}
.nav_xs.active i:before{ width:0.8rem;}

.nav_xs.color_1 i{ background:#333;}
.nav_xs.color_1 i:after{ background:#333;}
.nav_xs.color_1 i:before{ background:#333;}


.banner{height: 100%; position:relative;}
.banner .swiper-slide{ height:100vh;}
.banner .swiper-slide a{
	position: relative;
		display:block;
		width:100%;
		height:auto;
		min-height:100%;
		/* transition:1s linear 2s;
		transform:scale(1.1,1.1); */
		}
.banner .container{ position: absolute; top: 56%; opacity: 0; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; z-index: 2; transition: all 0.6s;}
.banner.active .container{ opacity: 1; top: 50%;}

.banner .swiper-pagination1{ bottom:2.5rem;}
.banner .swiper-pagination1 .swiper-pagination-bullet{ background: #fff; opacity: 0.8; transition: all 0.3s; position: relative; margin: 0 0.5rem;}
.banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #8e1f30;}
.banner .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ position: absolute; content: ''; width: 160%; height: 160%; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; border: 1px solid #8e1f30; border-radius: 50%;}

.s_biao h2{ color: #fff; margin-bottom: 1.5rem;}

.thumbs_img a{ display: block; padding-top: 80%; position: relative;}
.thumbs_img a:after{ content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; background: #fff;}
.thumbs_img a span{ font-size: 1.5rem; color: #0e2956; background: #fff;position: absolute; right: 0; top: 6%; padding: 0.5rem 1rem; display: inline-block; font-weight: bold; display: none;}
.cao_swiper{ position: relative; margin-bottom: 7rem;}
.cao_swiper .gallery-top{ width: 18%; background: #fff; position: absolute; top: 0; right: calc(25% + 25px); z-index: 10; height: 100%;}
.cao_swiper .gallery-top .swiper-slide{ padding: 2rem; background: #fff;}
.cao_swiper .gallery-thumbs .swiper-slide{ padding-right: 18%; opacity: 0.6; transition: all 0.6s; width: calc(50% - 50px);}
.cao_swiper .gallery-thumbs .swiper-slide.swiper-slide-active{ opacity: 1;}
.cao_swiper .gallery-thumbs .swiper-slide.swiper-slide-active .thumbs_img span{ display: block;}
.cao_swiper .gallery-thumbs .swiper-slide.swiper-slide-prev{ padding-right: 0; padding-left: 18%;}

.swiper_li{ margin-bottom: 1.5rem;}
.swiper_li h4{ font-size: 0.9rem; margin-bottom: 0.75rem; margin-top: 0;}
.swiper_li h4 a{ float: right; font-size: 0.7rem; color: #f7ac00; border: 1px solid #f7ac00; padding: 0.3rem 0.7rem; display: block; border-radius: 0.9rem; margin-top: -0.3rem; transition: all 0.3s;}
.swiper_li h4 a:hover{ background: #f7ac00; color: #fff;}
.swiper_li p{ font-size: 0.7rem; color: #898989; line-height: 1.2rem; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}

.cao_swiper .gallery-top .next-thumbs, .cao_swiper .gallery-top .prev-thumbs{ width: 1.9rem; height: 1.9rem; margin-top: 0; bottom: 1rem; left: 2rem; top: auto; border-radius: 50%; background: #0e2956; color: #fff; text-align: center; outline: none;}
.cao_swiper .gallery-top .next-thumbs i, .cao_swiper .gallery-top .prev-thumbs i{ font-size: 0.9rem; line-height: 1.9rem; display: inline-block;}
.cao_swiper .gallery-top .next-thumbs{ right: auto; left: 4.2rem;}
.cao_swiper .gallery-top .pagination-top{ bottom: 1.3rem; text-align: right; padding-right: 2rem;}
.cao_swiper .gallery-top .pagination-top span{ font-size: 0.9rem; font-weight: bold;}
.cao_swiper .gallery-top .pagination-top span.swiper-pagination-current{ font-size: 0.9rem; color: #0e2956; transform: translateY(-0.2rem); display: inline-block;}
.cao_swiper .gallery-top .pagination-top span.swiper-pagination-total{ color: #666464;display: inline-block; transform: translateY(0.2rem);}

.cao_swiper .pagination-thumbs{ bottom: -7rem; text-align: center; width: 100%;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet{ width: 10rem; background: none; display: inline-block; text-align: center; font-size: 0.9rem; color: #fff; padding-top: 4.5rem; position: relative; color: #fff; opacity: 1; outline: none;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:after{ content: ''; width: 100%; height: 4rem; position: absolute; top: 0; left: 0;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet.swiper-pagination-bullet-active{ color: #f7ac00;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(1):after{ background: url(../images/cp_1.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(2):after{ background: url(../images/cp_2.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(3):after{ background: url(../images/cp_3.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(4):after{ background: url(../images/cp_4.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(1).swiper-pagination-bullet-active:after{ background: url(../images/cp_11.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(2).swiper-pagination-bullet-active:after{ background: url(../images/cp_22.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(3).swiper-pagination-bullet-active:after{ background: url(../images/cp_33.png) center center no-repeat;}
.cao_swiper .pagination-thumbs span.swiper-pagination-bullet:nth-child(4).swiper-pagination-bullet-active:after{ background: url(../images/cp_44.png) center center no-repeat;}

.s_newproduct .s_biao{ margin-bottom: 3rem;}
.newcp_swiper{ padding-bottom: 2rem; position: relative;}
.newcp_swiper .swiper-slide{ border: 2px solid #fff;}
.newcp_swiper .swiper-slide a{padding-top: 63%; display: block;}
.newcp_swiper .swiper-pagination2{ bottom: 0; width: 100%;}
.newcp_swiper .swiper-pagination2 span.swiper-pagination-bullet{ width: 0.7rem; height: 0.7rem; border: 0.15rem solid #fff; opacity: 1; background: none; margin: 0 0.4rem;}
.newcp_swiper .swiper-pagination2 span.swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 0.15rem solid #f7ac00;}

.newcp_text{ padding-left: 2rem;}
.newcp_text h2{ background: #f7ac00; color: #000000; padding: 0.5rem 1rem; margin-top: 0;}
.newcp_text h4{ color: #fff; margin-bottom: 1rem; margin-top: 0.75rem;}
.newcp_text .ty_content p{ font-size: 0.75rem; color: #c9caca; line-height: 1.2rem; margin: 1rem 0;}
.newcp_text h5 a{ display: inline-block; padding-bottom: 0.5rem; position: relative; color: #fff; transition: all 0.3s;}
.newcp_text h5 a:after{ content: ''; width: calc(100% + 0.5rem); height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s; background: #f7ac00;}
.newcp_text h5 a:hover{ color: #f7ac00;}
.newcp_text h5 a:hover:after{ width: 100%;}

.app_swiper{ position: relative;}
.app_swiper .swiper-slide a{ padding-top: 80%; display: block;}
.app_text{ background: #fff; padding: 1rem 2rem; transition: all 0.3s;}
.app_text h4{ margin-top: 0; color: #0e2956;}
.app_text p{ line-height: 1.2rem; height: 5rem; margin-bottom: 0;}
.app_swiper .swiper-pagination3{ position: absolute; width: 100%; background: rgba(0,0,0,0.3); padding: 1rem 0; padding-bottom: 1.5rem;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet{ width: 8rem; border-radius: 0; font-size: 0.9rem; font-weight: bold; padding-top: 4.5rem; color: #fff; opacity: 1; outline: none;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet:nth-child(1){ background: url(../images/i_01.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet:nth-child(2){ background: url(../images/i_02.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet:nth-child(3){ background: url(../images/i_03.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet:nth-child(4){ background: url(../images/i_04.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet:nth-child(5){ background: url(../images/i_05.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet:nth-child(6){ background: url(../images/i_06.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1){ background: url(../images/i_1.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2){ background: url(../images/i_2.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3){ background: url(../images/i_3.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4){ background: url(../images/i_4.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5){ background: url(../images/i_5.png) center no-repeat;}
.app_swiper .swiper-pagination3 span.swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6){ background: url(../images/i_6.png) center no-repeat;}

.app_swiper .swiper-slide.swiper-slide-active .app_text{ background: #f7ac00; color: #000000;}
.app_swiper .swiper-slide.swiper-slide-active .app_text h4{ color: #000000;}


.snew_left{ padding-right: 6rem;}
.snew_left .swiper4{ height: 24.5rem;}
.snew_left .swiper-slide a{ padding-top: 60%; display: block;}
.snew_left .swiper-slide.swiper-slide-active .snew_text{ opacity: 1; pointer-events: auto;}
.snew_text{ opacity: 0; transition: all 0.8s; pointer-events: none;}
.snew_text h4{ color: #f7ac00; font-size: 0.9rem; line-height: 1.5rem;}
.snew_text h4 a{color: #f7ac00; }
.snew_left .swiper-slide .snew_text h4 a{ padding: 0;}
.snew_text h4 i{ display: block; font-style: normal; font-size: 0.75rem;}
.snew_text p{ line-height: 1.2rem; color: #fff; font-size: 0.75rem; padding-bottom: 0.5rem; border-bottom: 2px solid #f7ac00; margin-bottom: 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}

.snew_li{ margin-bottom: 2rem; padding-left: 5.5rem; position: relative; color: #fff;}
.snew_li .snew_time{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 4rem; height: 4rem; background: #f7ac00; color: #fff;}
.snew_li .snew_time span{ font-size: 0.75rem; font-weight: bold; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0; margin: 0 auto;}
.snew_li .snew_time span strong{ display: block; font-size: 1.8rem; line-height: 1.8rem;}
.snew_li h4{ margin-top: 0;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; font-size: 1rem; color: #fff; transition: all 0.3s;}
.snew_li p{ margin-bottom: 0; color: #c9caca; line-height: 24px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 0.75rem; transition: all 0.3s;}
.snew_more a{ display: inline-block; padding-bottom: 0.5rem; position: relative; color: #fff; transition: all 0.3s;}
.snew_more a:after{ content: ''; width: calc(100% + 0.5rem); height: 2px; position: absolute; bottom: 0; left: 0; transition: all 0.3s; background: #f7ac00;}
.snew_more a:hover{ color: #f7ac00;}
.snew_more a:hover:after{ width: 100%;}

.snew_left .swiper-pagination4{ bottom: auto; right: 5rem; top: 33%; left: auto; transform: translateY(-50%);}
.snew_left .swiper-pagination4 span.swiper-pagination-bullet{ display: block; width: 0.7rem; height: 0.7rem; border: 0.15rem solid #fff; opacity: 1; background: none; margin: 0.4rem 0;}
.snew_left .swiper-pagination4 span.swiper-pagination-bullet.swiper-pagination-bullet-active{ border: 0.15rem solid #f7ac00;}
.snew_li:hover h4{ color: #f7ac00;}
.snew_li:hover p{ color: #fff;}

.footer{ padding-top: 2.3rem; border-top: 1px solid #dedede;}
.footer .col-2 h5{ font-weight: bold; font-size: 0.75rem; margin-bottom: 0.75rem; color: #14141a; margin-top: 0;}
.footer .col-2 p{ margin: 0.3rem 0;}
.footer .col-2 p a{ color: #666464;}
.footer .col-2 p a:hover{ color: #f7ac00;}
.ft_ewm{ text-align: center;}
.ft_ewm img{ max-width: 50%; display: inline-block;}
.ft_ewm span{ display: block;}
.ft_lx>h5{ margin-top: 0;line-height: 24px;}
.ft_lx h5 span{ color: #9fa0a0; display: block; }
.ft_lx h5:last-child{ color:#9fa0a0;}
.ft_lx h5 a{ color:#9fa0a0; display: inline-block;}

.foot_di{ padding: 1rem 0; border-top: 1px solid #dedede; margin-top:1rem;}
.foot_di p:last-child{ margin-bottom: 0; color: #666464;}
.foot_di p span{ margin-right: 1rem;}
.foot_di p a{ color: #666464;}
.foot_di p a:hover{ color: #f7ac00;}
/*内页开始*/

.vh_putong{ padding-top: 22%;}
.header.ny.active{background-image: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.3));}
.n_banner{ position: relative; z-index: 3;}
.vh_100{ height: 100vh;}
.n_zhong{ position: relative;}
.ny_left.active{ position: fixed; top: 77px;}
.ny_left.cur{ transform: translateX(-100%);}
.ny_left.cur .left_san{ left: 100%;}
.ny_left{ width: 11rem; height: 100vh; background: url(../images/xian.jpg) left top repeat; position: absolute; left: 0; top: 0; z-index: 10; transition: all 0.3s;}
.left_san{ width: 5.5rem; height: 4rem; background: #f7ac00; text-align: center; position: absolute; top: 0; left: 0; z-index: 2; color: #000; transition: all 0.3s;}
.left_san i{ line-height: 4rem; font-size: 1.5rem;}
.ny_left .left_top{ height: 4rem; background: #d3d3d4; padding-right: 1rem; text-align: right; line-height: 4rem;}
.ny_left .left_top i{ display: inline-block; font-size: 2.3rem; cursor: pointer;}
.ny_left h4{ background: rgba(255,255,255,0.7); color: #0e2956; font-weight: bold; font-size: 1rem; padding: 0.75rem 0; padding-left: 2.5rem; margin: 0;}
.ny_left ul{ padding: 0; margin: 0;}
.ny_left ul li{ list-style: none; margin-top: 2px;}
.ny_left ul li a{ display: block; padding: 0.75rem 0; padding-left: 2.5rem;}
.ny_left ul li>a{ font-size: 0.9rem; color: #0e2956; font-weight: bold; position: relative; background: rgba(255,255,255,0.7);}
.ny_left ul li>a:after{ content: ''; width: 0.6rem; height: 0.6rem; border: 0.1rem solid #0e2956; position: absolute; left: 1.2rem; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.ny_left ul li.active>a{ background: rgba(247,172,0,0.75);}


.ny_left ul li .ny_erji{ display: none; width: 100%;}
.ny_left ul li .ny_erji .ej_li .ny_sanji{ width: 100%; display: none;}
.ny_left ul li .ny_erji .ej_li>a{ background: rgba(202,202,202,0.6); color: #000000; font-size: 0.8rem; width: 100%;}
.ny_left ul li .ny_erji .ej_li .ny_sanji .sj_li>a{ background:  rgba(0,0,0,0.22); color: #fff; font-size: 0.8rem; padding: 0.3rem 0; padding-left: 2.5rem; width: 100%;}
.ny_sanji .sj_li{ width: 100%;}
.ej_li{ position: relative; width: 100%;}
.ej_li i{ position: absolute; right: 0; top: 0.5rem; z-index: 2; height:1.5rem; line-height: 1.5rem; text-align: center; font-size: 0.9rem; width: 2rem; display: block; cursor: pointer;}

.ny_erji.active{ display: block;}
.ny_sanji.active{ display: block;}



.ab_jj{ position: relative; padding: 2.5rem 3rem;}
.ab_jj:after{ content: ''; border: 0.2rem solid #f7ac00; width:calc(100% + 5rem); height: 100%; position: absolute; top: 0; left: 0;}
.ab_jj h2{ color: #0e2956; margin-bottom: 1rem;}
.ab_jj p{ line-height: 1.8rem; color: #666464;}
.jj_swiper{ width: calc(115% + 2.5rem); transform: translateX(-2.5rem); margin-top: 4rem;}
.jj_swiper .swiper-slide a{ display: block; padding-top: 66%;}
.n_about1{ padding-top: 5rem; position: relative; z-index: 2;}
.n_about1:after{ position: absolute; content: '';
    /* width: calc(100% - 11rem); */
    width: 100%;
    height: 100%; background: #fff; right: 0; top: 0; z-index: -1;}
.jj_swiper .swiper-pagination1{ text-align: right; padding-right: 2rem;}
.jj_swiper .swiper-pagination1 .swiper-pagination-bullet{ width: 0.6rem; height: 0.6rem; border: 0.15rem solid #fff; background: none; box-shadow: 0px 1px 3px rgba(0,0,0,0.3);}


.n_about2{ margin-top: 3rem;}
.n_about2 .ab2_img{ width: calc(100% + 15rem); margin-left: -15rem; padding-top: 125%; background: url(../images/ab_2.jpg) center center no-repeat; background-size: cover;}
.ab2_text{ padding-left: 3rem;}
.ab2_text h2{ color: #0e2956;}
.ab2_text h3{ margin-top: 1.5rem; padding: 0.5rem 0; padding-left: 3rem; width: calc(100% + 3rem); margin-left: -3rem; background: #f7ac00;}
.ab2_text h5{ font-size: 1rem; color: #000; position: relative; margin-top: 1.25rem; margin-bottom: 0.25rem;}
.ab2_text h5:after{ content: ''; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: 0.15rem solid #f7ac00; position: absolute; left: -1.75rem; top: 50%; transform: translateY(-50%);}
.ab2_text p{ line-height: 1.5rem; color: #666464; font-size: 15px;}

.n_about3{ margin-top: 3rem;}
.n_about3 .row{ margin: 0;}
.n_about3 .row .col-md-6{ padding: 0;}
.n_about3 .bjdw{ padding-top: 69%; position: relative;}
.ab3_text{ color: #fff; position: absolute; top: 20%; width: 50%;}
.ab3_text h2{ margin-bottom: 1.5rem; transition: all 0.3s;}
.ab3_text p{ line-height: 2rem; font-size: 0.75rem;}
.n_about3 .row .col-md-6:nth-child(1) .ab3_text{ right: 10%;}
.n_about3 .row .col-md-6:nth-child(2) .ab3_text{ left: 10%;}
.n_about3 .row .col-md-6:hover .ab3_text h2{ color: #f7ac00;}

.yuan_xian{ width: 0; border-right: 1px dashed #fff; height: 6rem; position: absolute; left:50%; bottom: 0; transform: translateY(50%); box-shadow: 1px 2px 4px rgba(0,0,0,0.2);}
.n_about3 .row .col-md-6:hover .ab3_text h2{ color: #f7ac00;}
.yuan_xian:after{ content: ''; width: 1rem; height: 1rem; border-radius: 50%; border: 0.2rem solid #fff; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); box-shadow: 1px 2px 2px rgba(0,0,0,0.2);}
.yuan_xian:before{ content: ''; width: 1rem; height: 1rem; border-radius: 50%; border: 0.2rem solid #f7ac00; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); box-shadow: 1px 2px 2px rgba(0,0,0,0.2);}



.ny_tongyong{ padding: 4.5rem 0;}
.ty_nav{ margin-bottom: 2rem; width: 70%; margin: 0 auto; position: relative; z-index: 2; margin-bottom: 1.5rem;}
.ty_nav .xian{ width: 120%; border-bottom: 1px dashed #ababab; position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: -1;}
.ty_nav .xian:after{ content: ''; width: 1.1rem; height: 1.1rem; border-radius: 50%; border: 1px dashed #ababab; position: absolute; top: 50%; transform: translateY(-50%); left: 1rem; background: #fff;}
.ty_nav .xian:before{ content: ''; width: 1.1rem; height: 1.1rem; border-radius: 50%; border: 1px dashed #ababab; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; background: #fff;}

/* .ty_nav .swiper1:hover{cursor:url(../images/zs.png),auto;} */
.ty_nav .swiper-slide{ position: relative; text-align: center; list-style: none;}
.ty_nav .swiper-slide a{ font-size: 1rem; color: #666; display: inline-block; line-height: 2rem; background: #fff; padding: 0 5px; transition: all 0.3s;}
.ty_nav .swiper-slide.active a{ font-size: 1rem; font-weight: bold; color: #0e2956;}
#main{ position: relative; margin: auto; background: #fff;}
.item { position: absolute; width: 25%;}
.pic { padding:0.5rem 0.75rem; position: relative;}
.pic span{ display: block; width: calc(100% - 1.5rem); left: 0; right: 0; margin: 0 auto; top: 60%;  transform: translateY(-50%); text-align: center; color: #333; line-height: 1rem; transition: all 0.3s; position: absolute; opacity: 0; pointer-events: none; font-size: 0.8rem;}
.pic img{ display: block; width: 100%; transition: all 0.3s;}
.pic:hover img{ opacity: 0.2;}
.pic:hover span{ opacity: 1; top: 50%; pointer-events: auto;}

.ty_nav ul{ margin:30px 0; margin-top: 20px; padding: 0;}
.ty_nav ul li{ display: inline-block; margin: 0 15px;}
.ty_nav ul li a{ padding: 10px 20px; display: block; font-size: 16px; color: #666; border: 1px solid #dedede;}
.ty_nav ul li.active a{ background: #f7ac00; color: #000; font-weight: bold; border: 1px solid #f7ac00;}


.new_img a{ padding-top: 60%; display: block;}
.new_text{ padding: 0.5rem 1rem; background: url(../images/xian.jpg) left top repeat; transition: all 0.3s;}
.new_text a{ color: #000;}
.new_text h5{ color: #f7ac00; font-size: 0.8rem; margin-top: 0.25rem; margin-bottom: 0.75rem; transition: all 0.3s;}
.new_text h4{ color: #000; font-size: 1rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
.new_text p{ color: #666; line-height: 1.2rem; font-size: 0.75rem; text-indent: 2em;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 3.6rem; transition: all 0.3s;}
.new_header .caption{ margin-bottom: 30px;}
.new_header .caption:hover .new_text{ background: #f7ac00;}
.new_header .caption:hover .new_text h5{ color: #000;}
.new_header .caption:hover .new_text p{ color: #000;}

.nnew_li{ margin-bottom: 1rem;}
.nnew_li a{ display: block; position: relative; padding-left: 12.75rem;}
.nnew_li .nnew_time{ position: absolute; left: 0; top: 0; height: 100%; width: 12.5rem; background: #f7ac00; color: #000; transition: all 0.3s; transition: all 0.3s;}
.nnew_li .nnew_time:after{ content: ''; width: calc(100% - 1rem); left: 50%; top: 50%; position: absolute; border: 1px solid #000; height: calc(100% - 1rem); transform: translateX(-50%) translateY(-50%);}
.nnew_li .nnew_time span{ text-align: center; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); font-size: 1.4rem; font-family: Arial;}
.nnew_li .nnew_time span strong{ display: block; font-size: 3rem; line-height: 2.8rem;}
.nnew_text{ background: #f7f7f7; padding: 1.5rem 2rem; transition: all 0.3s;}
.nnew_text h4{ margin-bottom: 1rem; font-size: 1rem;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; color: #000;}
.nnew_text p{ font-size: 0.75rem; line-height: 1.2rem; color: #666; transition: all 0.3s;}
.nnew_li:hover .nnew_text{ background: #f7ac00;}
.nnew_li:hover .nnew_text p{ color: #000;}
.nnew_li:hover .nnew_time{ background: #0e2956; color: #f7ac00;}
.nnew_li:hover .nnew_time:after{ border: 1px solid #f7ac00;}







.nynew_right{ padding: 2rem 1.25rem; padding-top: 0; position: relative;}
.nynew_right h3{ color: #666; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #dedede;}
.hot_new{ margin-bottom: 1.5rem;}
.hot_new .nnew_text{ background: none; padding: 0;}
.hot_new .nnew_text h5{ color: #666; font-size: 0.8rem; line-height: 1.2rem;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 2.4rem; margin-bottom: 0; transition: all 0.3s;}
.hot_new .nnew_text h5:last-child{ color: #f7ac00; height: auto; font-size: 0.75rem; margin-top: 0;}
.hot_new:hover .nnew_text h5{ color: #f7ac00;}

.ny_tongyong{ overflow: hidden;}
.new_ny{ padding: 1.5rem 0; position: relative; padding: 2rem 0;}
.nynew_left>h2{ color: #333;}
.nynew_left>h2 a{ float: right; display: block; padding: 0.2rem 0.25rem; color: #f7ac00; background: #fff; border: 1px dashed #f7ac00; border-radius: 0.9rem; font-size: 0.8rem; line-height: 0.9rem; margin-top: 0.2rem; margin-left: 0.3rem;}
.nynew_left>h2{ margin-bottom: 1rem;}
.nynew_left>h5{ font-size: 1.2rem; margin-bottom: 10px;}
.nynew_left .time_more{ border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; margin-bottom: 1rem; padding: 0.5rem 0;}
.nynew_left .time_more span{ line-height: 1.7rem; display: inline-block; color: #f7ac00; font-weight: bold;}
.nynew_left .time_more span i{ display: inline-block; margin-right: 0.25rem;}
.nynew_left .time_more .fx_more em{ color: #666; display: inline-block; font-style: normal; vertical-align: middle; line-height: 20px;}
.nynew_left .time_more .fx_more{ color: #eee;}
.nynew_left .time_more .fx_more a{ display: inline-block; margin: 0 0.5rem; vertical-align: middle; color: #999; transition: all 0.3s;}
.nynew_left .time_more .fx_more a:hover{ color: #f7ac00;}
.nynew_left .time_more .fx_more a i{ font-size: 1.2rem;}
.nynew_left .ty_content p{ line-height: 1.2rem; font-size: 0.75rem; color: #666464;}
.fanye02{ padding: 1.5rem 0;}
.fanye02 p{ padding: 0.5rem 1.5rem; border: 1px dashed #ccc; border-radius: 1.5rem; color: #666; font-size: 0.8rem;overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
.fanye02 p a{ color: #666; transition: all 0.3s;}
.fanye02 p a:hover{ color: #f7ac00;}

/* .new_ny:after{ content: ''; width: calc(125% + 5rem); height: 100%; background: #f6f6f6; position: absolute; top: 0; left:-5rem; z-index: -1;}
.nynew_left:after{ content: ''; width: 0.2rem; height: calc(100% + 4rem); position: absolute; top: -2rem; left: calc(100% + 0.6rem); background: #fff;} */

.pro_ny .row{ margin: 0 -1.5em;}
.pro_ny .row .col-md-6{ padding: 0 1.5rem;}	
.pro_ny .caption{ margin-bottom: 3rem;}
.pro_img{ padding-top: 80%; display: block; position: relative; overflow: hidden;}
.pro_text{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: rgba(247,172,0,0.9); padding: 0 2rem; padding-top: 2rem; color: #000; z-index: 2; transition: all 0.3s; opacity: 0;}
.pro_text h3 span{ font-size: 1rem; display: block;}
.pro_text h3{ margin-bottom: 1rem; line-height:1.5rem;}
.pro_text p{ line-height: 1.2rem;}
.pro_text h5{ margin-top: 20%;}
.pro_text h5 span{ border: 1px solid #fff; color: #fff; padding: 0.5rem 1.5rem; border-radius: 0.9rem; display: inline-block;}
.pro_text h5 span:hover{ border: 1px dashed #fff;}
.pro_name{ position: absolute; bottom: 0; left: 0; width: 100%; background: #f8b419; color: #000; padding: 0.5rem 2rem; font-size: 0.9rem; pointer-events: none; transition: all 0.3s;}
.pro_img:hover .pro_text{ top: 0; opacity: 1;}
.pro_img:hover .pro_name{ opacity: 0;}


.ny_bottom{ padding: 3rem 0; background: url(../images/xian.jpg) left top repeat;}
.pro_new h3{ padding-left: 1rem; color: #0e2956;}
.pronew_li{ margin-bottom: 0.5rem; padding: 0.5rem 1rem; border: 2px solid transparent; transition: all 0.3s;}
.pronew_li:hover{ border: 2px solid #f7ac00;}
.pronew_li h4{ margin-top: 0; color: #333;overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
.pronew_li h5{ line-height: 1.2rem; font-size: 0.75rem; color: #666; margin-bottom: 0;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.down_img{ border: 1px solid #dedede;}
.down_text h3{ color: #0e2956; margin-bottom: 1.5rem;}
.down_text h4{ margin-bottom: 1rem;}
.down_text p{ line-height: 1.2rem; color: #666; font-size: 0.75rem;}
.down_text h5{ margin-top: 20%;}
.down_text h5 a{ display: inline-block; padding: 0.5rem 1rem; border-radius: 0.9rem; border: 1px solid #f7ac00; transition: all 0.3s;}
.down_text h5 a:first-child{ background: #f7ac00; color: #333; margin-right: 1rem;}
.down_text h5 a:last-child{ color: #f7ac00; background: transparent;}
.down_text h5 a:hover{ color: #fff; background: #f7ac00;}


.pro_yingyong{ font-size: 0.9rem; color: #0e2956; margin: 2rem 0;}
.pro_yingyong ul{ margin: 0; padding: 0; display: inline-block;}
.pro_yingyong ul li{ list-style: none; display: inline-block; margin-left: 0.3rem;}
.pro_yingyong ul li a{ font-size: 0.75rem; display: inline-block; padding: 0.3rem 1rem; color: #0e2956; border-radius: 0.9rem; background: #e2e3e3;}
.pro_yingyong ul li:hover a{ background: #f7ac00;}

.pro_tab ul{ margin: 0; padding: 0;}
.pro_tab ul li{ list-style: none; display: inline-block;}
.pro_tab ul li a{ display: block; padding: 0.3rem 0.75rem; font-size: 0.9rem; border: 2px solid #dedede; color: #000; transition: all 0.3s;}
.pro_tab ul li:hover a{ border: 2px solid #f7ac00;}

.pro_content{ position: relative; margin-top: 2rem;}
.pro_content>h3{ padding-bottom: 0.5rem; border-bottom: 1px solid #dedede; color: #0e2956;}
.nynew_left .pro_content .ty_content{ margin: 1rem 0;}
.nynew_left .pro_content .ty_content p{ text-indent: 0;}

.pro_content .swiper2 .swiper-slide img{ display: block; max-width: 100%;}
.pro_content .table-responsive table tr td{ border: none; position: relative;}
.pro_content .table-responsive table tr td:first-child:after{ content: ''; width: 4px; height: 100%; position: absolute; right: 0; top: 0; background: #fff;}
.pro_content .table-responsive table tr:nth-child(2n-1) td:nth-child(1){ background: #f7eacf;}
.pro_content .table-responsive table tr:nth-child(2n-1) td:nth-child(2){ background: #f3f2f2;}

.nynew_right .cao_down h3{ margin-bottom: 1rem;}
.cao_down h3{ padding-bottom: 0.5rem; border-bottom: 1px solid #dedede;}
.cao_down h5{ line-height: 1.2rem; font-size: 0.8rem;}
.down_a{ margin-bottom: 2rem;}
.down_a a{ display: inline-block; padding: 0.5rem 1rem; color: #000; background: #f7ac00; border-radius: 0.4rem; font-size: 0.8rem;}
.down_a a i{ color: #0e2956; display: inline-block; vertical-align: middle; margin-right: 0.5rem; font-size:1.2rem;}



.job_table{ padding: 0.75rem 0; background: #f7ac00;}
.job_table .caption{ font-size: 18px; color: #000;}

.job_tab .panel-group .panel-default{ border-radius: 0; border: none; background: #fff;}
.job_tab .panel-heading{ padding: 0; border-bottom: 1px dashed #dedede;}
.job_tab .panel-heading a{ padding: 15px 0; font-size: 16px; display: block; position: relative; background: #fff; color: #333;}
.job_tab .panel-heading a.collapsed{ color: #333; background: #fff;}
.job_tab .panel-heading a i{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
.job_tab .panel-body{ padding: 1rem 4rem; background: #f3f3f3;}
.job_tab .panel-body .ty_content{ color: #333;}
.job_tab .panel-body .ty_content h5{ font-size: 0.8rem; line-height: 1.2rem; color: #333;}
.job_tab .panel-body .ty_content p{ line-height: 1.2rem; font-size: 0.75rem; color: #333;}
.panel-group .panel-heading+.panel-collapse>.panel-body{ border: none;}
.jianli_a{ margin-top: 2rem; margin-bottom: 1rem;}
.jianli_a a{ padding: 0.5rem 2rem; background: #e10000; color: #fff; font-size: 0.75rem; display: inline-block;}


.join_ss{ padding:1.5rem 2rem; background: #fff; border: 6px solid #ededed; margin-bottom: 2rem;}
.join_ss .row .col-sm-5:nth-child(1) .caption{ padding-left: 6.5rem;}
.join_ss .row .col-sm-5:nth-child(2) .caption{ padding-left: 4.2rem;}
.join_ss .caption{ position: relative;}
.join_ss .caption label{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-weight: normal; font-size: 0.8rem;}
.join_ss .row .col-sm-2 .caption input{ border: none; background: #f7ac00; color: #000; border-radius: 0; font-size: 0.8rem; text-align: center;}



.map_contact{ position: relative; z-index: 4;}
.map_text{ position: absolute; background: #f7ac00; width: 17.3rem; padding: 0.5rem 1.2rem; color: #333;}
.map_text h4{ color: #0e2956;}
.map_text p{ line-height: 1.2rem; font-size: 0.75rem; margin: 0;}
.map_text:after{ content: ''; width: 0; height: 0; border-top: 1rem solid #f7ac00; border-left: 3rem solid transparent; border-right: 0rem solid transparent; position: absolute; top: 100%; left: 50%;}
.map_contact .map_1{ bottom: 80%; right: 44%;}
.map_contact .map_2{ bottom: 74%; right: 11%;}
.lx_biaodan{ padding: 4rem 0;}
.lx_biaodan h2{ text-align: center; color: #0e2956; margin-bottom: 2rem;}
.lx_biaodan h2 span{ display: inline-block; position: relative;}
.lx_biaodan h2 span:after{ content: ''; width: 5.75rem; height: 0.95rem; background: url(../images/san_l.png) center center no-repeat; position: absolute; background-size: cover; right: calc(100% + 1rem); top: 50%; transform: translateY(-50%);}
.lx_biaodan h2 span:before{ content: ''; width: 5.75rem; height: 0.95rem; background: url(../images/san_r.png) center center no-repeat; position: absolute; background-size: cover; left: calc(100% + 1rem); top: 50%; transform: translateY(-50%);}
.lx_biaodan .form-group{ padding-left: 5.5rem; position: relative;}
.lx_biaodan .form-group label{ font-weight: normal; position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #0e2956; font-size: 0.9rem;}
.lx_biaodan .form-group .form-control{ color: #0e2956; font-size: 0.9rem; border-radius: 1rem; border: 1px solid #0e2956; box-shadow: none; height: 3rem;}
.lx_biaodan .form-group textarea.form-control{ height: auto; line-height: 1.5rem;}
.lx_biaodan .form-group input.btn{ background: #f7ac00; color: #fff; padding: 0.5rem 3rem; border-radius: 1rem; font-size: 0.9rem;}
.lx_biaodan .row .col-md-6:nth-child(2) .form-group{ padding-left: 0;}




.fanye{ padding:20px 0; display: flex; align-items: center; justify-content: center;}
.fanye a, .fanye span{ display:inline-block; padding:6px 12px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none;}
.fanye a:hover{ color:#f7ac00; border:1px solid #f7ac00;}
.fanye a.active{ background:#f7ac00; border:1px solid #f7ac00; color:#fff;}
.fanye a.active:hover{ color:#fff; border:1px solid #f7ac00;}
.fanye a.cur{ color:#999; border:1px solid #eee; pointer-events: none}

.fanye li{ list-style: none; margin: 0 2px;}
.fanye li.active a, .fanye li.active span{ background:#f7ac00; border:1px solid #f7ac00; color:#fff;}
.fanye li.active a:hover, .fanye li.active span:hover{ color:#fff; border:1px solid #f7ac00;}
.fanye span{ pointer-events: none;}


.ty_content p{ line-height:1.3rem; font-size:0.8rem; color:#666;}
.ty_content img{ max-width:100% !important; height: auto !important;}

		.my-map { margin: 0 auto; width: 100%; height:25rem; position:relative;}
		.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
		.my-map .icon-cir { height: 31px; width: 28px; }
		.my-map .icon-cir-red { background-position: -11px -5px; }
		.amap-container{height: 100%;}
        .ty_content video{ display: block; margin: 0 auto; max-width: 100%;}
/* .bFind-wrapper-top{ height:26px !important;} */
/* #bsBox{height: 420px !important; width: 560px !important;} */


.s_new_2 .swiper5
        {
            padding-bottom: 3rem;
        }
        .s_new_2 .swiper5 .swiper-pagination5 .swiper-pagination-bullet
        {
            background: #fff;
            width: 10px;
            height: 10px;
            border-radius: 0;
            margin: 0 0.4rem;
        }
        .s_new_2 .swiper-slide
        {
            padding: 6px;
        }
        .s_new_2 .swiper-slide .caption
        {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
        }
        .s_new_2 .swiper-slide .caption a
        {
            padding-top: 60%;
            display: block;
        }
        .s_new_2 .swiper-slide .caption .app_text
        {
            padding: 1rem;
        }
        .s_new_2 .swiper-slide .caption .app_text h4
        {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .s_new_2 .swiper-slide .caption .app_text p
        {
            height: 3.6rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        .s_new_2 .swiper-slide .caption .app_text h5 a
        {
            padding: 0;
            display: inline-block;
            padding: 0.4rem 1rem;
            border: 1px solid #dedede;
            border-radius: 4px;
            transition: all 0.3s; /* color: #999; */
        }
        /* .s_new_2 .swiper-slide .caption .app_text h5 a:hover{ color: #fff; background: #f7ac00; border: 1px solid #f7ac00;} */