.banner{overflow:hidden;position:relative;}
.banner_slide{width:100%;height:calc(100vh);overflow:hidden;z-index:1;position:relative;}
.banner_slide .swiper-slide{width:100%;overflow:hidden;}
.banner_slide .swiper-slide .bs_bg{width:100%;height:100%;overflow:hidden;position:relative;left:0px;top:0px;}
.banner_slide .swiper-slide .bs_bg img{width:100%;height:100vh;display:block;object-fit:cover;  }
.banner_slide .swiper-slide .bs_bg b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;}
.banner_slide .swiper-slide .bs_bg video{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.banner_sp{position:absolute;  width: 22px; height: 80px; right:9% !important;bottom:45%!important;z-index:6;}
.banner_sp span{display:inline-block;background:#fff;line-height:1;opacity:1; border-radius: 100%; width:12px;height:12px; text-align: center;  color:#fff;font-weight:bold;font-size:18px;margin:0px !important;padding:0px !important;margin-bottom:20px!important;}
.banner_sp span:last-child{margin-right:0px !important;}
.banner_sp span.swiper-pagination-bullet-active{position:relative;color:#0656b1; background: #0656b1; border: 1px solid #0656b1; width:12px;height:12px; padding: 15px;}
.banner .banner_prev{position:absolute;right:10%;bottom:60px;line-height:1;z-index:6;font-size:18px;text-transform:uppercase;color:#fff;font-weight:bold;}
.banner .banner_prev:before{content:"";width:30px;height:24px;display:block;overflow:hidden;background:url(../images/zz_left1_on.png) no-repeat center;position:absolute;left:-60px;top:50%;margin-top:-2px;}
.banner .banner_next{position:absolute;right:7%;bottom:60px;line-height:1;z-index:6;font-size:18px;text-transform:uppercase;color:#fff;font-weight:bold;}
.banner .banner_next:before{content:"";width:30px;height:24px;display:block;overflow:hidden;background:url(../images/zz_right1_on.png) no-repeat center;position:absolute;left:-60px;top:50%;margin-top:-2px;}
.banner_slide .swiper-slide-active .bs_bg img{ animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.in_01_c{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:999;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.in_01_c .in_01c_c{width:100%;overflow:hidden; }
.in_01_c .in_01c_c p{width:100%;/*overflow:hidden;*/text-align:left;color:#fff}
.bss_01 p.p1{ font-size:50px;color:#fff;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.47);font-weight:bold;line-height:1.2; }
.bss_01 p.p2{margin-top:70px; }
.bss_01 p.p2 a{display:inline-block; font-weight:bold;height:68px;line-height:68px;padding:0px .8rem;font-size:18px;color:#fff;background-color:#d91622; }
.bss_01 p.p3{ font-size:24px; text-transform: uppercase; color:#fff;text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.47); line-height:1.4;margin-top:20px; }
.banner .bs_bg video{ max-width: 100%!important;width: 100%!important; height: 100%; object-fit: cover;}
.in_01_c.in_01_c1{ top:-170px; }
.in_01_c.in_01_c1 .in_01c_c p{ text-align:center!important; }

.wrap{width:100%;margin:0px auto; }
.index_pt1{overflow:hidden;width:100%;}
.p2fr{width:100%;overflow:hidden; }
.in_02_t{width:100%;overflow:hidden; position: relative;}
.in_02_t_con{display: flex;align-items: center;justify-content: space-between; }
.in_02_t .fl{ line-height:58px;}
.in_02_c{width:100%;overflow:hidden;margin-top:30px; }
.index_pt1 .pro_btn{top: -70px;right: 0px; z-index:99;  }
@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
@keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
@media (max-width:1780px){
.bss_01 p.p1{ font-size:52px; }
.bss_01 p.p3{ font-size:22px; margin-top:20px;}
.banner_sp{ right:3%!important;}

.banner .banner_prev{ right:5%;}
.banner .banner_next{ right:1%;  }


}
@media (max-width:1680px){
.banner_sp{ right:2% !important;}
.banner .banner_prev{ right:4%;}
.banner .banner_next{ right:0;  }

}
@media (max-width:1600px){
.bss_01 p.p1{ font-size:50px; }
 
}

@media (max-width:1500px){
.bss_01 p.p1{ font-size:48px; }
.bss_01 p.p3{ margin-top:15px;}}
@media (max-width:1479px){
.banner .banner_prev{ right:6%;}
}
@media (max-width:1440px){
.bss_01 p.p1{ font-size:46px; }
}

@media (max-width:1366px){
.bss_01 p.p1{ font-size:44px; }
.bss_01 p.p3{ font-size:20px; }
}
@media (max-width:1360px){
.bss_01 p.p1{ font-size:42px; }
.banner .banner_prev{ right:5%;}
}
@media (max-width:1280px){
.bss_01 p.p1{ font-size:40px; }}
@media (max-width:1240px){
    .bss_01 p.p1{ font-size:36px; }

}
@media (max-width:1200px){
.bss_01 p.p1{ font-size:34px; }
.bss_01 p.p3{ font-size:20px; }
.banner_sp span{ margin-right:30px!important;}
.in_01_c.in_01_c1{ top:-90px;}
 }  
@media (max-width:1024px){
.bss_01 p.p1{ font-size:32px; }
}
@media (max-width:992px){
.bss_01 p.p1{ font-size:28px; }
.bss_01 p.p3{ font-size:18px; }} 
@media (max-width:768px){
.bss_01 p.p1{ font-size:26px; }
.banner_sp{position:absolute;  width: 100%; height: 20px; left: 40%; right:auto!important;bottom:35px!important;z-index:6;}
.banner_sp span{ font-size:16px; margin-right:20px!important;}
.in_01_c.in_01_c1{ top:-80px;}
.banner .banner_prev{ display: none; }
.banner .banner_next{ display: none; }
.banner .banner_prev:before{ width:25px; left:-80px; }
.banner .banner_prev{ font-size:16px; }
.index_pt1 .pro_btn{top: -60px; }
.banner_slide{ height:100%; }
.banner_slide .swiper-slide .bs_bg img{ height:100%;  }}
@media (max-width:568px){
.bss_01 p.p1{ font-size:22px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);}
.bss_01 p.p3{ font-size:16px; margin-top:10px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);}
.in_01_c.in_01_c1{ top:-50px;}
.banner_sp{ bottom:25px!important; }
.banner_sp span{ margin-right:15px!important;}
.banner_sp span.swiper-pagination-bullet-active{ width:10px;height:10px;}
}
@media (max-width:468px){
.bss_01 p.p1{ font-size:20px; }
.bss_01 p.p3{ display: none;}
.banner_sp span{ font-size:15px; margin-right:15px!important;}
.banner .banner_prev:before{ width:20px; height: 3px; left:-30px; }
.banner .banner_prev{ font-size:14px; }
.in_01_c.in_01_c1{ top:-30px;}
}
 
.index-about{background:url(../images/index_about_bg.jpg) center bottom; position: relative;}
.index-about .home_leade_top_desz {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 338px; z-index: 0; transition: all 0.6s;transition-delay: 0.2s;}
.index-about .about-con{ width: 96%;}
.index-about .about-con ul li {width: 33.33333333%;float: left; text-align: center;}
.index-about .about-con ul li .item .icon { width: 100%; margin-bottom: 20px;}
.index-about .about-con ul li .item .text { width: 100%; font-weight: bold;}
.index-about .index-about-right { width: 100%; height: 100%;/* background:url(../images/index_about_bg.png) bottom right no-repeat;background-attachment: fixed; */ }
.index-about .index-about-right .img { width: 100%; height: 100%;}
.index-about .index-about-right .img img{ max-width: 100%; height: 100%;}
@media (max-width:1200px){
.index-about .home_leade_top_desz {display: none;}

}
@media (max-width:468px){
.index-about .about-con ul li {width: 33.33333333%;float: left; text-align: left;}
 .index-about .about-con ul li .item .icon img{ max-width: 100%;}
     
}
.index-pro { background: url(../images/index_pro_bg.jpg) no-repeat center; background-size: cover;}
.index-pro .pagetit .tit{ color: #fff; }
.index-pro .pagetit .desc{ color: #fff; }

.index-pro .index-pro-content{/* display: flex; justify-content: space-between;*/ margin-top: 30px;}
/*.index-pro .index-pro-content .index-pro-content-list.on{ width:685px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}*/
.index-pro .index-pro-content .index-pro-content-list{ width: 285px!important; position: relative; border-radius: 10px; overflow: hidden; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.index-pro .index-pro-content .index-pro-content-list:last-child{ margin-right: 0;}
.index-pro .index-pro-content .index-pro-content-list .content-list-img img{ width: 100%; height: 32.7188vw; object-fit: cover;}
.index-pro .index-pro-content .index-pro-content-list .content-list-title{ position: absolute; bottom: 0; width: 100%; left: 0; padding: 35px 12px;}
.index-pro .index-pro-content .index-pro-content-list .content-list-title .list-title-dd{ display: flex; align-items: center; font-size: 20px; color: #fff;}
.index-pro .index-pro-content .index-pro-content-list .index-pro-more{display: flex; align-items: center; display: none;}
.index-pro .index-pro-content .index-pro-content-list .index-pro-more .more{background: #0656b1;color: #fff;border:1px solid #0656b1;}
/*.index-pro .index-pro-content .index-pro-content-list.on ,*/
.index-pro .index-pro-content .index-pro-content-list.swiper-slide-active{ float: left; width:665px!important;}

/*
.index-pro .index-pro-content .index-pro-content-list.on .content-list-title .list-title-dd,
.index-pro .index-pro-content .index-pro-content-list.swiper-slide-active .content-list-title .list-title-dd{ float: left; width:700px!important;}
*/
.index-pro .index-pro-content .index-pro-content-list.on .content-list-title { padding: 35px; }
.index-pro .index-pro-content .index-pro-content-list.on .index-pro-more{ display: block;}
 
.index-pro .swiper-button-next{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow1.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10); top: 50%;margin-top: 0;right: 0px;margin-top: -40px;transition:.3s;z-index: 99;} 
.index-pro .swiper-button-prev{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10); top: 50%;margin-top: 0;right: 0px;margin-top: -40px;transition:.3s;z-index: 99;}
.index-pro .swiper-button-prev{right: auto;left: 0px;/*transform: rotate(180deg);*/}
.index-pro .swiper-button-next:after, 
.index-pro .swiper-button-prev:after {font-size: 20px;}
.index-pro .swiper-button-next:hover{background:#044f9f url(../images/arrow1_h.png) no-repeat center; }
.index-pro .swiper-button-prev:hover{background:#044f9f url(../images/arrow_h.png) no-repeat center; }
.index-pro .swiper-button-next:hover:after, 
.index-pro .swiper-button-prev:hover:after{color:#fff; }
@media screen and (max-width:1280px){
.index-pro .index-pro-content{ margin-top: 40px; }
}
@media screen and (max-width: 980px){
.index-title-top {display: block;}
.index-title-top .index-title-top-left{margin-bottom: 25px;}
.index-title-top .index-title-top-left, 
.index-title-top .index-title-top-right{width: 100%;}
.index-pro .index-pro-content{ margin-top: 30px;  flex-wrap: wrap; justify-content: flex-start; width: 100%;}
.index-pro .index-pro-content .index-pro-content-list .content-list-img img{ height: auto;}
.index-pro .index-pro-content .index-pro-content-list{ width: 49% !important; margin-right: 2%; margin-bottom: 22px; display: flex;align-items: center;justify-content: center;}
.index-pro .index-pro-content .index-pro-content-list .content-list-title .list-title-dd{ font-size: 20px;}
.index-pro .index-pro-content .index-pro-content-list:nth-child(2n){ margin-right: 0;}
}
@media screen and (max-width: 580px){ 
.index-pro .index-pro-content{ flex-wrap: wrap; justify-content: space-between; }
.index-pro .index-pro-content .index-pro-content-list{ width:100% !important; margin-right: 0px; }
.index-pro .index-pro-content .index-pro-content-list .content-list-img img{ height: auto!important;}
.index-pro .index-pro-content .index-pro-content-list .content-list-title .list-title-dd{ font-size: 18px;}
}

.home_product { overflow-x: hidden!important; overflow-y: auto; -webkit-tap-highlight-color: transparent}
.index_product_mob{display: none;}

.home_product{ background: url(../images/index_pro_bg.jpg) no-repeat center bottom; background-size: cover;}
.home_product .pagetit .tit{ color: #fff; }
.home_product .pagetit .desc{ color: #fff; }
.home_product_list_nub{margin: 0 8px;transition:all .5s linear;}
.home_product_list{margin: 0 -8px;}
.home_product_list_nub.on,
.home_product_list_nub.slick-current.slick-active{width: 685px!important;}
.home_product_list_nub{width: 310px!important;/* position: relative; */}
.home_product_cry{position: relative;}
.home_product_cry::before{content: '';width: calc(50vw - 720px); background:url(../images/index_pro_bg1.jpg) no-repeat center left; position: absolute;left: calc(720px - 50vw);top: 0;height: 625px;z-index: 10;}
.home_product_list_nub.on .hpln_box_video{opacity: 1;pointer-events: all;}
.home_product_list{display: flex;grid-row: auto;width: auto;position: relative;}
.home_product_list_nub{grid-row: auto;flex-shrink:0;}
.home_product_list_nub:first-child{position: relative;}
.home_product_list_nub{position: relative;top: 0;height: 100%;left: 0;}
.home_product_list_nub{transform: translate3d(0px, 0px, 0px);}
.home_product_cry_next{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow1.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10);  position: absolute;top: 50%; right: 0;cursor: pointer;transition:.3s;z-index: 19;} 
.home_product_cry_prev{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10);  position: absolute;top: 50%; left: -40px;cursor: pointer;transition:.3s;z-index: 19;}
.home_product_list_nub a{display: block;height: 100%;}
.hpln_box_video{z-index: 5;}
.hpln_box_video_link{display: flex;align-items: center;justify-content: flex-start;}
.home_product_list_nub .hpln_box_video_link{display: flex;}
.home_product .home_product_list .home_product_list_nub{  position: relative; border-radius: 10px; overflow: hidden; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}
.home_product .home-content-list-img { position:relative;}
.home_product .home-content-list-title{ position: absolute; bottom: 0; width: 100%; left: 0; padding: 35px 12px;}
.home_product .home-content-list-title .home-list-title-dd{ float: left; font-size: 20px; color: #fff;}
.home_product .home_product_list .home_product_list_nub .home-content-list-title .index-pro-more{ display: none;}
.home_product .home_product_list .home_product_list_nub.on .home-content-list-title .index-pro-more{ display: block;}
.home_product .more{  padding: 15px 55px; color: #fff; border:1px solid #0656b1;background: #0656b1; }
@media screen and (max-width: 1560px) {
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active,
.home_product_list .ys_imgbox_cover img:first-child { width:650px!important;}
}
@media screen and (max-width: 1280px) {
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active, 
.home_product_list .ys_imgbox_cover img:first-child { width: 600px!important;}
.home_product_list_nub { width: 220px!important;}
.home_product_cry_prev{ left:0px;}
.home_product_cry::before{ height: 540px; }
.home_product_list_nub { height: 540px; }
}
@media screen and (max-width: 991px) {
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active, 
.home_product_list .ys_imgbox_cover img:first-child { width: 500px!important;}
.home_product_list_nub { width: 200px!important;}
.home_product_cry::before{ height: 450px; }
.home_product_list_nub.on .home-content-list-img img, 
.home_product_list_nub.slick-current.slick-active .home-content-list-img img, 
.home_product_list .ys_imgbox_cover img:first-child .home-content-list-img img{ max-width: 100%; }
.home_product_list_nub { height: 450px; }
.home_product_list_nub .home-content-list-img img{ max-height: 100%; }
.index_product_mob{ display: block; background: url(../images/index_pro_bg.jpg) no-repeat center bottom; background-size: cover;}
.home_product { display: none;}
}
@media screen and (max-width:767px) {
.home_product_cry_next{width: 40px;height: 40px; } 
.home_product_cry_prev{width: 40px;height: 40px;left:0px;}
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active, 
.home_product_list .ys_imgbox_cover img:first-child { width: 360px!important;}
.home_product_list_nub { width: 160px!important;}
.home_product_cry::before{ height: 320px; }
.home_product_list_nub { height: 320px; }
.home_product .home-content-list-title .home-list-title-dd{  font-size: 18px; color: #fff;}
.home_product .more{  padding: 8px 25px; }
}
@media screen and (max-width:567px) {
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active, 
.home_product_list .ys_imgbox_cover img:first-child { width: 320px!important;}
.home_product_list_nub { width: 140px!important;}
.home_product_cry::before{ height: 270px; }
.home_product_list_nub { height: 270px; }
}
@media screen and (max-width:467px) {
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active, 
.home_product_list .ys_imgbox_cover img:first-child { width: 400px!important;}
.home_product_cry::before{ height:360px; }
.home_product_list_nub { height: 360px; }
}
@media screen and (max-width:427px) {
.home_product_list_nub.on, 
.home_product_list_nub.slick-current.slick-active, 
.home_product_list .ys_imgbox_cover img:first-child { width: 380px!important;}
.home_product_list_nub { width: 380px!important;}
.home_product_cry::before{ height:345px; }
.home_product_list_nub { height: 345px; }
}

.index_product_mob .pagetit .tit{ color: #fff; }
.index_product_mob .pagetit .desc{ color: #fff; }
.index_product_mob .swiper-slide {border-radius:20px;}
.index_product_mob .index_pro-swiper-container .img1 {position: relative;z-index: 1;border-radius:20px; width: 100%;transform: scale(1.02);transition: all .5s;}
.index_product_mob .index_pro-swiper-container .img1 img{ max-width: 100%;border-radius:20px;}

.index_product_mob .content{position: relative;border-radius:20px;}

.index_product_mob .titbox{position: absolute;width:100%;bottom:0;left:0; z-index:3; }
.index_product_mob .index_pro-swiper-container{ position: relative;} 
.index_product_mob .swiBtn{width:100%;height:60px;border-radius:50%;position: absolute;top: 45%;left:0;z-index: 9;}
.index_product_mob .swiBtn .swiper-button-next{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow1.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10); top: 50%;margin-top: 0;right: 0px;margin-top: -40px;transition:.3s;z-index: 99;} 
.index_product_mob .swiBtn .swiper-button-prev{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10); top: 50%;margin-top: 0;right: 0px;margin-top: -40px;transition:.3s;z-index: 99;}
.index_product_mob .swiBtn .swiper-button-prev{right: auto;left: 0px;/*transform: rotate(180deg);*/}
.index_product_mob .swiBtn .swiper-button-next:after, 
.index_product_mob .swiBtn .swiper-button-prev:after {font-size: 20px;}
.index_product_mob .swiBtn .swiper-button-next:hover{background:#044f9f url(../images/arrow1_h.png) no-repeat center; }
.index_product_mob .swiBtn .swiper-button-prev:hover{background:#044f9f url(../images/arrow_h.png) no-repeat center; }
.index_product_mob .swiBtn .swiper-button-next:hover:after, 
.index_product_mob .swiBtn .swiper-button-prev:hover:after{color:#fff; }
 
@media screen and (max-width: 767px) {
.index_product_mob .swiBtn{width:100%;height:40px; left:0;z-index: 9;}
.index_product_mob .swiBtn .swiper-button-next{width: 40px;height: 40px;  } 
.index_product_mob .swiBtn .swiper-button-prev{width: 40px;height: 40px;  }
.index_product_mob .mb-50{ margin-bottom: 0px;}
}


.home_devel .ys_imgbox_contain,
.home_devel .ys_imgbox_cover {position: relative;overflow: hidden}
.home_devel .ys_imgbox_contain img,
.home_devel .ys_imgbox_cover img {width: 100%;transition: all .36s}
.home_devel .ys_imgbox_cover img:nth-child(2) {position: absolute;top: 0;left: 0;height: 100%}
.home_devel .ys_imgbox_contain img:nth-child(2) {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: auto;height: auto;max-width: 100%;max-height: 100%}

.home_devel {background: #fff;position: relative;width: 100%;/*height: 200vh;*/}
.home_devel_cont {width: 100%;}
.home_devel_top {width: 100%;position: relative;display: flex;align-items: center;}
.home_devel_ri {width: 400px;}
.home_devel_le {width: calc(100% - 400px);padding-right: 109px;display: flex;align-items: center;}
.home_devel_le_copywr {width: 500px;}
.home_devel_le_img {width: calc(100% - 500px);padding-left: 30px;}
  
.home_devel_le_img .ys_imgbox_cover {border-radius: 50%;}
.home_devel_btm_wrap {width: 22px;margin: 0 auto;}
.home_devel_btm {display: flex;justify-content: center;margin-top: 67px;}
.home_devel_desz1 {width: 256px;position: absolute;bottom: 12%;left: 6.5%;}
.home_devel_desz1 img {width: 100%;}
.home_devel_desz2 {width:256px;position: absolute;top: 80px;right: 0;}
.home_devel_desz2 img {width: 100%;}
.hdru_li {margin-bottom: 54px;}
.hdru_li:last-child {margin-bottom: 0 !important;}
.hdru_li_btm p {color: #666;line-height: 1.5;}
.hdru_li_top {width: 100%;border-bottom: 1px solid #666666; padding-bottom: 11px;margin-bottom: 11px;}
.hdru_li_top .std_tit2{ font-size: 20px; }
.hdru_li_top .hdru_li_top_sp {color: #044F9F;font-family: 'MONTSERRATBOLD';font-weight: bold;}
.home_devel_ri_over {width: 100%;position: relative;}
.home_devel_ri_ul {width: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all 0.36s;}
.home_devel_ri_ul:first-child {position: relative;opacity: 1;}
.home_devel_ri_ul:first-child {display: block;}
.home_devel_wrap {width: 100%; }
.home_devel_le_img .ys_imgbox_cover:hover img { transform: scale(1.08);}
.home_devel_wrap {display: flex;align-items: center;}
.home_devel_ri_ph {display: none;}
/*.home_devel.onk .home_devel_wrap{position: sticky;top: 0;left: 0;}*/
.home_leade_btm_ph {display: none;}

@media screen and (max-width: 1440px) {
.home_devel_desz1 {width: 200px;top: 8%;left: 4.5%;}
.hdru_li {margin-bottom: 28px;}
.home_devel_le {padding-right: 68px;}
.home_devel_desz2 {width: 36%;}
.home_devel_btm_wrap {transform: translateX(30px);}
.home_devel_btm {margin-top: 42px;}
.home_devel_le_img {width: calc(100% - 450px);padding-left:40px;}
}
@media screen and (max-width: 1366px) {
.home_devel_ri {width: 270px;}
.home_devel_le {width: calc(100% - 270px);padding-right: 40px;}
.home_devel_btm_wrap {transform: translateX(58px);}
.home_devel_wrap {display: flex;align-items: center;position: relative;}
}
@media screen and (max-width: 1200px) {
.home_devel_le_copywr {width: 400px;}
.home_devel_le_img {width: calc(100% - 400px);padding-left:30px;}
}
@media screen and (max-width: 1080px) {
.home_devel_le_copywr {width: 350px;}
.home_devel_le_img {width: calc(100% - 350px);padding-left:30px;}
}

@media screen and (max-width: 1044px) {
.home_devel_ri {width: 195px;}
.home_devel_le {width: calc(100% - 195px);padding-right: 20px;}
.home_devel_btm_wrap {transform: translateX(0px);}
.home_devel_btm {display: none;}
.home_devel {height: inherit;}
.home_devel_wrap {height: inherit;}
.home_devel_le_img {padding-left: 20px;}
}
@media screen and (max-width: 1024px) {
.home_devel_le_copywr {width: 320px;}
.home_devel_le_img {width: calc(100% - 320px);padding-left:20px;}
.home_devel_ri {width: 230px;}
.home_devel_le {width: calc(100% - 230px);padding-right: 20px;}
}
@media screen and (max-width: 880px) {
.home_devel_le_copywr {width: 280px;}
.home_devel_le_img {width: calc(100% - 280px);padding-left:20px;}
.home_devel_ri {width: 210px;}
.home_devel_le {width: calc(100% - 210px);padding-right: 20px;}

}


@media screen and (max-width: 767px) {
.home_leade_btm_pc {display: none;}
.home_leade_btm_ph {display: block;}
 .hltw_le_more.home_leade_btm_ph {display: flex;justify-content: center;}

.home_devel_top {flex-wrap: wrap;}
.home_devel_le {width: 100%;padding-right: 0;margin-bottom: 15px;}

.home_leade_btm {position: relative;padding: 40px 0;}
.home_leade_btm_wrap {width: 100%;}
.home_devel_le_copywr {width: 100%;margin-bottom: 18px;}
.home_devel_le_img {width: 100%;padding-left: 0;}
.home_devel_le {flex-wrap: wrap;}
.home_devel_ri {width: 100%;}
.hdru_li_top .std_tit2{color: #fff;}
.home_devel_le_img .ys_imgbox_cover {border-radius: 12px;}
.home_devel_ri_ph {display: block;}
.home_devel_ri_pc {display: none;}
.hdru_li {width:100%;margin-bottom: 15px;}
.hdru_li:last-child {width: 100%;margin-bottom: 0 !important;}
.home_devel_ri_ul {display: flex !important;flex-wrap: wrap;padding: 15px;}
.home_devel_le_img {position: relative;}
.home_devel_le_img .ys_imgbox_cover {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.home_devel_le_img .ys_imgbox_cover::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(4, 79, 159, 0) 0%, #044F9F 100%);}
.home_devel_le_img .ys_imgbox_cover img {height: 100%;object-fit: cover;}
.home_devel_ri_ph {padding-top: 80px;}
.home_devel_le_img .hdru_li_top_sp {color: #fff;}
.home_devel_le_img .hdru_li_top {border-bottom: 1px solid #fff;}
.home_devel_le_img .hdru_li_btm p {color: #fff;}
.home_devel_le_img .hdru_li {padding: 0 5px;}
.home_devel_le_img .home_devel_ri_ul {margin: 0 -5px;}
.home_devel .home_devel_le_copywr {margin-bottom: 0 !important;}
.home_devel .home_leade_btm_ph {margin-top: 25px;display: flex;justify-content: center;width: 100%;}
.home_devel .home_devel_le {margin-bottom: 0;}    
}

.index-application { overflow: hidden; background: url(../images/index-application-bg.jpg) no-repeat center; background-size: cover;}
.index-application .swiper-slide {border-radius:20px;}
.index-application .titbox{position: absolute;width:100%;bottom:0;left:0; z-index:3; }
.index-application .application-container .img1 {position: relative;z-index: 1;border-radius:20px; width: 100%;transform: scale(1.02);transition: all .5s;}
.index-application .application-container .img1 img{ max-width: 100%;border-radius:20px;}
.index-application .application-container .img1:before {width: 100%;height: 100%;position: absolute; content: ""; object-fit: cover;border-radius:20px; 
    background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
    z-index: 2; left:0;bottom: 0; transition: all .5s;background: linear-gradient(90deg, #044f9f 0%, transparent 60%);}
.index-application .content{position: relative;border-radius:20px;}
.index-application .application-container{ position: relative;} 
.index-application .swiBtn{width:50%;height:60px;border-radius:50%;position: absolute;top: 45%;left:25%;z-index: 9;}
.index-application .swiBtn .swiper-button-next{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow1.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10); top: 50%;margin-top: 0;right: 0px;margin-top: -40px;transition:.3s;z-index: 99;} 
.index-application .swiBtn .swiper-button-prev{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10); top: 50%;margin-top: 0;right: 0px;margin-top: -40px;transition:.3s;z-index: 99;}
.index-application .swiBtn .swiper-button-prev{right: auto;left: 0px;/*transform: rotate(180deg);*/}
.index-application .swiBtn .swiper-button-next:after, 
.index-application .swiBtn .swiper-button-prev:after {font-size: 20px;}
.index-application .swiBtn .swiper-button-next:hover{background:#044f9f url(../images/arrow1_h.png) no-repeat center; }
.index-application .swiBtn .swiper-button-prev:hover{background:#044f9f url(../images/arrow_h.png) no-repeat center; }
.index-application .swiBtn .swiper-button-next:hover:after, 
.index-application .swiBtn .swiper-button-prev:hover:after{color:#fff; }
@media screen and (max-width: 767px) {
.index-application .swiBtn{width:70%;height:40px; left:15%;z-index: 9;}
.index-application .swiBtn .swiper-button-next{width: 40px;height: 40px;  } 
.index-application .swiBtn .swiper-button-prev{width: 40px;height: 40px;  }
.index-application .mb-50{ margin-bottom: 0px;}
}
.index-news { z-index: 2;}
.index-news .ulbox .li{ width:48%;overflow: hidden; } 
.index-news .ulbox .li img{width:100%;height:455px;  border-radius:20px;  position: relative; } 
.index-news .ulbox .li img:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;z-index: 1;background: linear-gradient(0deg, #1E50E6 0%, transparent 80%);}
.index-news .ulbox .li .text{ width:100%; z-index:3;  border-bottom: 1px solid #e5e5e5; } 
.index-news .ulbox .time .mores{ margin-right: 15px;}
.index-news .ulbox .time{margin-bottom:10px; margin-top:10px; color: #044f9f;} 
.index-news .ulbox .tit3{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top:25px; } 
.index-news .ulbox .li .tit4 {opacity: 1; margin-top:25px; color: #666; line-height: 30px; -webkit-line-clamp: 2;line-clamp: 2;}
.index-news .rightbox {width: 48%;}
.index-news .rightbox .item { border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;overflow: hidden;}
.index-news .rightbox .text { padding-bottom: 30px; }
.index-news .rightbox .text .tit4 {overflow: hidden; text-overflow: ellipsis; margin-top:25px;transition: all .5s;width: 100%;}
.index-news .rightbox .text .time {color: #044f9f;}
.index-news .rightbox .text .mores{ margin-right: 15px;}
.index-news .rightbox .text .tit5 {color: #666; margin-top:25px; line-height: 30px; width: 100%;-webkit-line-clamp: 2;line-clamp: 2;}
.index-news .rightbox .text .botbox {margin-top: 25px;}
@media (max-width: 1519px) {
.index-news .ulbox .li img{width:100%;height:425px;} 
.index-news .rightbox .text { padding-bottom: 25px; }
.index-news .rightbox .text .tit5 { margin-top:20px;  }
.index-news .rightbox .text .tit4 { margin-top:20px; }

}
@media (max-width: 1366px) {
    .index-news .ulbox .li img{width:100%;height:350px;} 
    .index-news .rightbox .text { padding-bottom: 20px; }
    .index-news .rightbox .text .tit5 { margin-top:10px;  }
    .index-news .rightbox .text .tit4 { margin-top:15px; }
    .index-news .rightbox .item { margin-bottom: 25px; }

}
@media (max-width: 1280px) {
.index-news .ulbox .li img{ height:330px;  } 
 
 .index-news .rightbox .text .tit5 { margin-top:0px;  }
}
@media (max-width: 992px) {
.index-news .ulbox .li img{ height:260px;  } 
 .index-news .ulbox .time{margin-bottom:5px; margin-top:5px; }
 .index-news .ulbox .tit3{ margin-top:15px; } 
 .index-news .ulbox .li .tit4 { margin-top:15px;  }
 .index-news .rightbox .item { margin-bottom: 15px; }
 
.index-news .rightbox .text {padding-top: 10px; }
.index-news .rightbox .text .tit5 { -webkit-line-clamp: 1;line-clamp: 1;}
}
@media (max-width: 768px) {
.index-news .ulbox .li{ width:100%; margin-bottom: 25px; } 
.index-news .rightbox {width: 100%;}
.index-news .ulbox .li img{ height:420px;  } 
}
@media (max-width: 668px) {
.index-news .ulbox .li img{ height:350px;  } 
}
@media (max-width: 568px) {
.index-news .ulbox .li img{ height:305px;  } 
.index-news .tabul .li{ padding:0 10px;}
.index-news .tabul.ml-70{ margin-left: 10px;} 
.index-news .ulbox .li .tit4 { line-height: 28px; }
}
@media (max-width: 468px) {
    .index-news .ulbox .li img{ height:285px;  } 
}
@media (max-width: 428px) {
.index-news .ulbox .li{border-radius: 0px;}
.index-news .ulbox .li img{ height:230px;  } 
.index-news .rightbox .item { height: 117px; }
.index-news .topbox .lefttop {width: calc(100% - 100px);  margin-bottom: 20px;}
.index-news .rightbox .item { border-radius: 0px;}
.index-news .rightbox .text .tit5 {display: none;  }

}

/**内页**/
.p-banner {background: center no-repeat;background-size: cover;height: 660px;text-align: left;color: #fff;padding-top: 15%; }
.p-banner h2 {font-size: 48px;color: #fff; font-weight: bold; line-height: 40px;padding: 15px 0 35px; position: relative;text-shadow: 3px 4px 1px rgba(0, 0, 0, .175);}
.about-banner { background-image: url('../images/aboutbanner.jpg');}
.culture-banner { background-image: url('../images/culturebanner.jpg');}
.products-banner { background-image: url('../images/productsbanner.jpg');}
.job-banner { background-image: url('../images/jobbanner.jpg');}
.news-banner { background-image: url('../images/newsbanner.jpg');}
.application-banner { background-image: url('../images/applicationbanner.jpg');}
.service-banner { background-image: url('../images/servicebanner.jpg');}
.contact-banner { background-image: url('../images/contactbanner.jpg');}
.page_nav{padding-top: 20px; line-height: 35px; background: #fff;}
.page_nav.line{ border-bottom: 1px solid #e5e5e5;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{position:relative; float:left; font-size:16px; margin:0 45px 0px 5px;}
.page_nav .r_sec li:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:3px; background:#1e50e4; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.page_nav .r_sec li:hover:before,
.page_nav .r_sec li.cur:before{left:0; right:0;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#1e50e4;}
.page_nav .r_sec li a{color:#333;}
.page_nav .crumb{float: left; line-height: 30px;color: #999;}
.page_nav .crumb a:hover{ color:#1e50e4;}
.page_nav .crumb span{color: #333; }
.page_nav .crumb i{ margin-left: 10px; margin-right: 10px; font-size: 20px;color: #999; font-style: normal;}
.page_nav .crumb i.fa:before{ padding-top: 3px;}

@media (max-width: 1850px){
.p-banner {height: 674px;padding-top: 14%;}}
@media (max-width: 1800px){
.p-banner {height: 656px;padding-top: 13%;}}
@media (max-width: 1700px){
.p-banner {height: 620px; }}
@media (max-width: 1600px){
.p-banner {height: 583px; }}
@media (max-width: 1540px){
.p-banner {height: 561px; }}
@media (max-width: 1480px){
.p-banner {height: 540px; }}
@media (max-width: 1440px){
.p-banner {height: 525px; }
.p-banner .en{line-height: 50px;}
.p-banner h2,.p-banner .title {font-size: 38px; }}
@media (max-width: 1400px){
.p-banner {height: 510px; }}
@media (max-width: 1336px){
.p-banner {height: 487px; }
.p-banner h2,.p-banner .title {font-size: 32px; padding: 0px 0 20px; }
.p-banner .en{ font-size: 20px; line-height: 40px;}
.page_nav .r_sec li{ margin:0 30px 0 5px;}
 
}
@media (max-width: 1280px){
.p-banner {height: 420px; padding-top: 18%;}
.page_nav .crumb{ line-height: 84px; }
.page_nav .crumb i{ margin-left: 8px; margin-right: 8px; }
.page_nav .r_sec li{ margin:0 20px 0 5px;}
}   
@media (max-width: 1240px){
.p-banner {height: 400px;  }
.page_nav .r_sec li{ font-size:16px; margin:0 10px 0 5px; }
}
@media (max-width: 1200px){
.p-banner {height: 460px;  }
.about-banner { background-image: url('../images/aboutbanner_p.jpg');}
.culture-banner { background-image: url('../images/culturebanner_p.jpg');}
.products-banner { background-image: url('../images/productsbanner_p.jpg');}
.news-banner { background-image: url('../images/newsbanner_p.jpg');}
.application-banner { background-image: url('../images/applicationbanner_p.jpg');}
.service-banner { background-image: url('../images/servicebanner_p.jpg');}
.job-banner { background-image: url('../images/jobbanner_p.jpg');}
.contact-banner { background-image: url('../images/contactbanner_p.jpg');}
.p-banner h2,.p-banner .title {font-size:30px; }
.page_nav .crumb{ line-height: 74px; }
}  
@media (max-width: 1140px){
.p-banner {height: 437px; }
}
@media (max-width: 1100px){
.p-banner {height: 422px; }
}
@media (max-width: 1040px){
.p-banner {height: 400px; }
}
@media only screen and (max-width: 992px){
.p-banner {height: 380px; padding-top: 20%;}
.p-banner h2,.p-banner .title {font-size:28px; }
.p-banner .en{ font-size: 18px; line-height: 32px;}
.page_nav { padding-top: 0px;}
.page_nav .crumb{ line-height: 64px; }
.page_nav .crumb i{ margin-left: 6px; margin-right: 6px; }
}
@media (max-width: 900px){
.p-banner {height: 345px;  }
.p-banner .en{ font-size: 17px; line-height: 30px;}
}
@media (max-width: 868px){
.p-banner {height: 345px;  }
}
@media (max-width: 768px){
.p-banner {height: 460px; padding-top:37%;}
.about-banner { background-image: url('../images/aboutbanner_m.jpg');}
.culture-banner { background-image: url('../images/culturebanner_m.jpg');}
.products-banner { background-image: url('../images/productsbanner_m.jpg');}
.news-banner { background-image: url('../images/newsbanner_m.jpg');}
.application-banner { background-image: url('../images/applicationbanner_m.jpg');}
.service-banner { background-image: url('../images/servicebanner_m.jpg');}
.job-banner { background-image: url('../images/jobbanner_m.jpg');}
.contact-banner { background-image: url('../images/contactbanner_m.jpg');}
.p-banner .en{line-height: 30px;}
.p-banner h2,.p-banner .title {font-size:24px; line-height: 30px;padding: 0px 0 0px;text-shadow: 0px 0px 0px rgba(0, 0, 0, .175);}
.page_nav .crumb{ line-height: 54px; }
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
.page_nav .crumb i{ margin-left: 4px; margin-right: 4px; }
}
@media (max-width: 728px){
.p-banner {height: 435px; }
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
}
@media (max-width:668px){
.p-banner {height:400px; }
.p-banner .en{ font-size: 16px; line-height: 30px;}
.p-banner h2,.p-banner .title {font-size:22px; }
.p-banner h2:after{height: 2px; width: 25px; }} 
@media (max-width:600px){
.p-banner {height: 360px; }}   
@media (max-width:568px){
.p-banner {height: 340px; }}
@media (max-width:528px){
.p-banner {height: 324px; }
.page_nav .crumb i{ margin-left: 2px; margin-right: 2px; }
}
@media (max-width:480px){
.p-banner {height: 290px; }
.p-banner .en{ line-height: 28px; display: none;}
.page_nav .crumb{ line-height: 44px; font-size: 15px; }
}
@media only screen and (max-width: 425px){
.p-banner {height: 255px; }
.p-banner h2,.p-banner .title {font-size:20px; }
.p-banner .en{ line-height: 25px;}
.page_nav{height: 40px;line-height: 40px;}
.page_nav .r_sec li{ font-size:15px; padding:0 6px; margin:0 6px; }
}
@media only screen and (max-width: 375px){
.p-banner {height: 228px; }
.p-banner h2,.p-banner .title {line-height: 28px;padding: 8px 0 8px;}}
.m_sencondNav{position:relative; z-index:99; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:90px; }
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#1e50e4; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd { padding-top: 51px;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}
@media (max-width: 1024px) {
.m_sencondNav .m_second.fixed{ top:10vw; }}
@media (max-width: 568px) {
.m_sencondNav .m_second.fixed{ top:50px; }}

 
/*关于我们频道页*/
.about_part1 .about-us-left{ width: 92%;}
.about_part1 .about-us-img {position: relative;padding-bottom: 100px;padding-left: 20px; padding-top: 20px;}
.about_part1 .about-us-img .small-img {position: absolute;bottom: 0;right: 0;}
.about_part1 .about-us-img .big-img {max-width: 430px;position: relative;}
.about_part1 .about-us-img .big-img:before, .about_part1 .about-us-img .big-img:after {content: '';position: absolute;top: -20px;right: -30px;width: 97%;height: 100%;border: 4px solid #0756b2;z-index: -1;}
.about_part1 .about-us-img .big-img:after {top: auto;right: auto;left: -20px;bottom: -20px;background-color: #0756b2;max-width: 200px;max-height: 200px;}
.about_part1 .about-us-content {  margin-bottom:40px;  }
.about_part1 .about-us-content p { line-height:30px; font-size:16px;color: #666;}
.about_part1 .about-us-content .about-title {font-weight: 600; font-size: 36px; line-height: 44px; }
.about_part1 .about-us-content .about-title span {color: #0756b2;}
.about_part1 .about-us-content .sub-title {font-size: 16px;line-height: 30px;margin-bottom: 35px;text-transform: none;color: #01133c;letter-spacing: 0.20px;}
.about_part2 { background: url(../images/about_part2_bg.jpg) no-repeat center bottom; background-size: cover; overflow:hidden; }
.about_part2 .pagetit .tit,.about_part2 .pagetit .desc{ color: #fff;}
.about_part2 .mission { text-align: center; margin-bottom: 30px; padding-top: 40px; transition: all ease 0.4s; transform: translateY(0);}
.about_part2 .mission:before { z-index: 9; content: ''; position: absolute; width: 190px; height: 190px; margin-left: -95px; top: 0; left: 0; z-index: -1; left: 50%; background-color: #ffffff; box-shadow: 0 0 49px -10px rgba(0, 0, 0, 0.09); border-radius: 50%;}
.about_part2 .mission .shape { width: 140px; height: 140px; margin-left: -70px; border: 3px solid #0b6fba; display: inline-block; position: absolute; left: 50%; top: 25px; border-radius: 50%; animation: cspine 20s linear infinite;}
.about_part2 .mission .shape:before, .about_part2 .mission .shape:after { content: ''; position: absolute; width: 10px; height: 10px; left: -5.5px; top: 50%; background-color: #0b6fba; margin-top: -5px; box-shadow: 0 0 0 5px #ffffff; border-radius: 50%;}
.about_part2 .mission .shape:after { left: auto; right: -5.5px;}
.about_part2 .mission .mission-icon { position: relative; margin-bottom: -40px;}
.about_part2 .mission .mission-icon span { width: 90px; height: 90px; margin-top: 10px; line-height: 90px; font-size: 42px;}
.about_part2 .mission .mission-icon span:hover { color: #ffffff;}
.about_part2 .mission .mission-icon span i { transition-delay: 0.2s; transform: rotateY(0); transition: transform ease 0.4s;}
.about_part2 .mission .mission-icon span i img{filter:brightness(100)}
.about_part2 .mission .mission-content { border-radius: 10px; background-color: #ffffff; padding: 130px 60px 100px;box-shadow: 0 0 49px -10px rgba(0, 0, 0, 0.09);}
.about_part2 .mission .mission-content .title { font-size:24px; margin-bottom: 20px;}
.about_part2 .mission .mission-content p { height:60px; line-height:30px;color: #666;}
.about_part2 .mission:hover { transform: translateY(10px);}
.about_part2 .mission:hover:before { z-index: 1; background-color: #0756b2; }
.about_part2 .mission:hover .shape { z-index: 2; border-color: #fff;}
.about_part2 .mission:hover .shape:before, .about_part2 .mission:hover .shape:after { z-index: 1; background-color: #0756b2;}
.about_part2 .mission:hover .mission-icon span { z-index: 2; background-color: #fff;}
.about_part2 .mission:hover .mission-icon span i { z-index: 2; color: #0756b2; transition-delay: 0.45s; transform: rotateY(360deg);}
.about_part2 .mission:hover .mission-icon span i img{filter:opacity(100%);}
.about_part2 .swiper-pagination-bullet{opacity:0; text-align:left; height:12px; line-height:12px;background:#dcdcdc; border: 3px solid #dcdcdc; position:relative; width:12px; border-radius: 100%; color:#fff; font-size: 18px; font-family:Calibri;}
.about_part2 .swiper-pagination-bullet-active{transition: width 7.3s ease-out 0s;background:#0756b2; border: 3px solid #0756b2; border-radius: 100%; width:12px;}
.about_part2 .more{ color: #fff; border:1px solid #fff; }
.about_part2 .more:hover {background: #0656b1;color: #fff;border:1px solid #0656b1;}

.about_part3 { position: relative; overflow: hidden;}
.about_part3 .slick-track > [class^="col-"] { padding-left: 5px; padding-right: 5px;}
.about_part3:after, .about_part3:before { content: ''; position: absolute; background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; z-index: -1; width: 100%; height: 100%;}
.about_part3:before { background-image: url("../images/bg-shape-1-1.png"); max-width: 980px; max-height: 640px; top: 30px; left: 0;}
.about_part3.wrap-layout2:after, .about_part3.wrap-layout2:before { display: none;}
.about_part3 .equipment { position: relative; margin-bottom: 40px; z-index: 2;}
.about_part3 .equipment .equipment-img img { width: 100%;}
.about_part3 .equipment .btn-overly { position: absolute; top: 0; right: 40px; opacity: 1; visibility: visible; transform: translateX(0); transition: all ease 0.4s;}
.about_part3 .equipment .btn-overly.hide { transform: translateX(20px); opacity: 0; visibility: hidden;}
.about_part3 .equipment .equipment-text { text-align: center; position: relative; background-color: #ffffff; padding: 35px 0; margin: 0 30px; box-shadow: 0px 15px 17.5px 2.5px rgba(0, 0, 0, 0.07); margin-top: -60px; overflow: hidden;}
.about_part3 .equipment .equipment-text span a{ color: #666; font-size: 14px; display: inline-block; margin-top: 7px;}
.about_part3 .equipment .equipment-text .name { font-size: 20px; margin-bottom: 5px;}
.about_part3 .equipment .equipment-text:before, .about_part3 .equipment .equipment-text:after { content: ''; position: absolute; background-color: #0756b2; left: 50%; top: -270px; opacity: 0.20; z-index: 1; width: 250px; height: 250px; border-radius: 50%; transform: translateX(-50%); transition: all 0.4s;}
.about_part3 .equipment .equipment-text:after { top: auto; bottom: -225px; background-color: #0046e2;}
.about_part3 .equipment:hover .btn-overly { background-color: #0756b2; color: #ffffff; box-shadow: 0 0 0 17px #ffffff;}
.about_part3 .equipment:hover .btn-overly .ripple { background-color: #0756b2;}
.about_part3 .equipment:hover .equipment-text span { color: #ef0f3a;}
.about_part3 .equipment:hover .equipment-text:before, .about_part3 .equipment:hover .equipment-text:after { top: -270px;}
.about_part3 .equipment:hover .equipment-text:after { top: auto; bottom: -225px;}
.about_part3 .equipment-container{padding-bottom:90px;}
.about_part3 .swiper-pagination-bullet{opacity:1; text-align:left; height:12px; line-height:12px;background:#dcdcdc; border: 3px solid #dcdcdc; position:relative; width:12px; border-radius: 100%; color:#fff; font-size: 18px; font-family:Calibri;}
.about_part3 .swiper-pagination-bullet-active{transition: width 7.3s ease-out 0s;background:#0756b2; border: 3px solid #0756b2; border-radius: 100%; width:12px;}

.about_part3 ul.slick-dots {position: absolute;bottom: -50px;left: 50%;padding: 8px 10px;text-align: center;line-height: 0;min-width: 70px;min-height: 30px;border-radius: 50px;transform: translate(-50%);}
.about_part3 ul.slick-dots li {display: inline-block;margin: 0 5px;line-height: 0;}
.about_part3 ul.slick-dots li:last-child {margin-right: 0;}
.about_part3 ul.slick-dots li:first-child {margin-left: 0;}
.about_part3 ul.slick-dots li button {padding: 0;border: none;line-height: 1;font-size: 0;width: 5px;height: 5px;background-color: #ef0f3a;border-radius: 50%;transition: all ease 0.4s}
.about_part3 ul.slick-dots li.slick-active button {width: 10px;height: 10px;}
.about_part4 {background: #f6f6f9;}
.about_part4 .descs { line-height: 30px; font-size: 16px;}
.about_part4 .about_part4_left .con{ background:#fff;}
.about_part4 .about_part4_left .info{float:left; width:50%;}
.about_part4 .about_part4_left .info .box{padding:55px 70px; }
.about_part4 .about_part4_left .info .tit{ font-weight:bold; position:relative;  }
.about_part4 .about_part4_left .info .desc{ line-height:30px;color:#555;}
.about_part4 .about_part4_left .pic{float:right; width:50%; overflow:hidden; height:460px;}
.about_part4 .about_part4_left .pic img{width:100%; height:100%;}
@media (max-width: 1620px) {
.about_part4 .about_part4_left .info .box{padding:45px 60px; }
}
@media (max-width: 1460px) {
.about_part4 .about_part4_left .info .box{padding:40px 50px; }
}
@media (max-width: 1366px) {
.about_part1 .about-us-left{ width: 94%;}
}
@media (max-width: 1300px) {
.about_part4 .about_part4_left .info .box{padding:35px 40px; }
}
@media (max-width: 1280px) {
.about_part4 .about_part4_left .info .box{padding:25px 30px; }
}
@media (max-width: 1200px) {
.about_part1 .about-us-left{ width: 96%;}
.about_part1 .about-us-content { padding-left:0px;}
.about_part1 .about-us-content .sub-title { margin-bottom: 20px;}
.about_part1 .about-us-content .about-title {margin-bottom: 20px;}
.about_part2 .mission .mission-content .title { font-size:20px; margin-bottom: 15px;}
.about_part2 .mission:before { width: 170px; height: 170px; margin-left: -85px;  }
.about_part2 .mission .shape { width: 120px; height: 120px; margin-left: -60px;  top: 25px; }
.about_part2 .mission .mission-icon { position: relative; margin-bottom: -40px;}
.about_part2 .mission .mission-icon span { width: 80px; height: 80px; margin-top: 5px; line-height: 80px; }
.about_part3 .equipment .equipment-text .name { font-size: 18px;}

.about_part4 .about_part4_left .info .box{padding-top:30px; }
.about_part4 .about_part4_left .info .desc{ line-height:26px;}
}
@media (max-width: 1120px) {
.about_part4 .about_part4_left .info .box{padding:20px 20px; }
.about_part4 .about_part4_left .info .tit{margin-bottom: 0px;}
}
    
@media (max-width: 1024px) {
.about_part1 .about-us-left{ width: 100%;}
.about_part2 .culture-container{padding-bottom: 40px;}
.about_part2 .mission:before { width: 150px; height: 150px; margin-left: -75px;  }
.about_part2 .mission .shape { width: 100px; height: 100px; margin-left: -50px;  top: 25px; }
.about_part2 .mission .mission-icon { position: relative; margin-bottom: -40px;}
.about_part2 .mission .mission-icon span { width: 60px; height: 60px; margin-top: 5px; line-height: 60px; }
.about_part2 .mission .mission-icon span i img{  max-width: 100%;}
.about_part2 .mission .mission-content { padding: 100px 40px 100px;}
.about_part2 .mission .mission-content p { font-size:16px; line-height:30px;color: #666;}
.about_part4 .about_part4_left .info .box{padding:10px 10px; }

.about_part4 .about_part4_left .pic{ height:330px;}
.about_part4 .about_part4_left .info .tit{font-size:22px; }
.about_part4 .descs { line-height: 28px; }

}
@media (max-width: 992px) {
.about_part4 .about_part4_left .info .box{padding:30px 30px; }
.about_part4 .about_part4_left .info{float:none; width:100%;}
.about_part4 .about_part4_left .pic{float:none; width:100%; }

}
@media (max-width: 768px) {
.about_part1 .about-us-content p { line-height:30px; font-size:16px; }
.about_part4 .about_part4_left{ margin-bottom:20px;}

.about_part2 .mission .mission-content { padding: 100px 10px 40px;box-shadow: 0 0 12px -10px rgba(0, 0, 0, 0.09);}
.about_part2 .mission .mission-content p { font-size:16px; line-height:30px;}
.about_part2 .mission .mission-content .title { font-size:20px; margin-bottom: 15px;}
.about_part2 .swiper-pagination-bullet{opacity:1; }
.about_part3 .equipment .equipment-text .name { font-size: 20px; margin-bottom: 5px;}

}
@media (max-width: 600px) {
.about_part2 .mission:before { width: 130px; height: 130px; margin-left: -65px; box-shadow: 0 0 29px -10px rgba(0, 0, 0, 0.09);}
.about_part2 .mission .shape { width: 100px; height: 100px; margin-left: -50px;}
.about_part2 .mission .mission-icon span { width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
.about_part2 .mission .mission-content {  padding: 90px 5px 40px;box-shadow: 0 0 5px -10px rgba(0, 0, 0, 0.09);}
.about_part2 .mission .mission-content .title { font-size:18px; margin-bottom: 10px;}
.about_part2 .mission .mission-content p { height: 100px; line-height:24px;}
.about_part3 .equipment .equipment-text .name { font-size:18px; margin-bottom: 5px;}
.about_part3 .equipment-container{padding-bottom:50px;}

.about_part4 .about_part4_left .info .box{padding:20px 20px; }
}
@media (max-width: 425px) {
.about_part2 .mission:before { width: 120px; height: 120px; margin-left: -60px; box-shadow: 0 0 19px -10px rgba(0, 0, 0, 0.09);}
.about_part2 .mission .shape { width: 90px; height: 90px; margin-left: -45px;}
.about_part2 .mission .mission-icon span { width: 50px; height: 50px; line-height: 50px; font-size: 28px;}
.about_part3 ul.slick-dots { bottom: -20px;}
.about_part4 .about_part4_left .info{float:left; width:100%; margin-bottom:20px;}
.about_part4 .about_part4_left .info .desc{ line-height:30px;color:#555;}
.about_part4 .about_part4_left .pic{ width:100%;height: auto;}
.about_part4 .about_part4_left .pic img{ width:100%;height: auto;}
}
@media (max-width: 325px) {
.about_part2 .mission:before { width: 100px; height: 100px; margin-left: -50px; box-shadow: 0 0 9px -10px rgba(0, 0, 0, 0.09);}
.about_part2 .mission .shape { width: 80px; height: 80px; margin-left: -40px; top:10px; }
.about_part2 .mission .mission-icon span { width:50px; height: 50px; line-height: 50px; font-size: 24px; margin-top:-15px;}
.about_part2 .mission .mission-content p { font-size:14px;}
}

/*公司简介*/
.about_us  { background: url(../images/about_us_bg.jpg) no-repeat center bottom; background-size: cover;}
.about_us .content p{ line-height:30px; color:#555;}
@media (max-width: 1200px) {
.about_us .content p{ line-height:32px;}
}
@media (max-width: 992px) {
.about_us .content p{ line-height:30px;}
}
@media (max-width: 768px) {
.about_us .content p{ line-height:28px;}
}
/*公司文化*/
.culture-main .pagetit.page_section{padding-bottom: 0px;}
.culture-main .culture-top li{ width: 50%; float: left;cursor: pointer; position: relative;}
.culture-main .culture-top li .img img{ width: 100%;}
.culture-main .culture-top li .txt{width: 90%;left: 30px;top: 50px;position: absolute;color: #fff;box-sizing: border-box;padding: 18px 30px;height: 185px;overflow: hidden;transition: all 0.5s;-webkit-transition: all 0.5s;}
.culture-main .culture-top li .txt h5{ color: #fff; font-size: 30px; font-weight: bold; line-height: 35px; margin-bottom: 25px;}
.culture-main .culture-top li .txt p{ transition: all 0.5s; -webkit-transition: all 0.5s;}
.culture-bottom .list li { width: 25%; float: left; border-left: 1px solid #e5e5e5;}
.culture-bottom .list li .con { padding: 5% 13% 5%;text-align: left;}
.culture-bottom .list li .con .icon { margin-right: 20px; }
.culture-bottom .list li .con .title {font-size: 30px; font-weight: bold; color: #0756b2;line-height: 42px; display: inline-block;}
.culture-bottom .list li .con .info { line-height: 30px;color: #666;  margin-top: 8%;text-align: left;}
.culture-bottom .list li .con .icon1 {display: none; }
.culture-bottom .list li:hover {border-left: 1px solid #0756b2;}
.culture-bottom .list li:hover .con{ /*background: #005ba7;*/ height: 100%;}
.culture-main-bottom{ background: url(../images/culture-main-bottom.jpg)no-repeat center bottom; background-size: cover; padding: 100px 0 300px;}
.culture-main-bottom .pagetit .tit,.culture-main-bottom .pagetit .desc{ color: #fff; }
 
@media (max-width:1280px) {
.culture-main .culture-top li .txt{width: 92%;left: 15px;top: 15px;}
.culture-main .culture-top li .txt h5{ font-size: 22px; margin-bottom: 20px;}
.culture-main .culture-top li .txt h5::before{ top:7px; height: 20px;}
.culture-bottom .list li .con .info {  margin-top: 5%;text-align: left;}
.culture-bottom .list li .con { padding: 2% 5% 5%;text-align: left;}
.culture-bottom .list li .con .title {font-size: 22px;}
.culture-bottom .list li .con .icon { margin-right: 10px; }
}
@media (max-width:1024px) {
.culture-main .culture-top li .txt h5{ font-size: 20px; line-height: 30px;margin-bottom: 15px;}
.culture-main .culture-top li .txt{width: 94%; }
.culture-bottom .list li .con .title {font-size: 20px; margin-top:20px;}
.culture-bottom .list li .con .info { line-height: 28px; }

}
@media (max-width:768px) {
.culture-main .culture-top li{ width:100%; margin-bottom:20px;}
.culture-main .culture-top li .txt{width: 98%;height: 145px; left: 10px;top: 10px; padding: 10px 10px}
.culture-main .culture-top li .txt h5{ font-size: 18px; margin-bottom: 5px;}
.culture-main .culture-top li .txt h5::before{top:6px;height: 18px;}
.culture-bottom .list li .con { padding: 1% 10% 5%;text-align: left;}
.culture-bottom.page_section{ padding-top: 0px;}
.culture-main .culture-mid { margin-bottom: 20px;}
.culture-bottom .list{ border: 1px solid #e5e5e5; height:100%; border: 0px;}
.culture-bottom .list li { width:50%; float: left; height:240px; margin-bottom: 20px;}
.culture-bottom .list li .con .title {font-size: 18px; margin-top: 10px;}

}
@media (max-width:568px) {
.culture-main .culture-mid { margin-top: 20px; margin-bottom: 10px;}
.culture-bottom .list li { height: 260px;}
 
}
@media (max-width:500px) {
.culture-bottom .list li { height: 300px;}
}

@media (max-width:428px) {
.culture-bottom .list li { width:100%; float: left; height:200px; margin-bottom: 20px;}

.culture-bottom .list li .con { padding: 0 8% 5%;}
.culture-bottom .list li .con .info {font-size: 15px;line-height: 28px;}
 }
@media (max-width:378px) {
.culture-bottom .list li .con { padding: 0% 3% 5%;}
}
/* 制造实力*/
.manufacture .equipment { position: relative; margin-bottom: 40px; z-index: 2;}
.manufacture .equipment .equipment-img img { width: 100%;}
.manufacture .equipment .btn-overly { position: absolute; top: 0; right: 40px; opacity: 1; visibility: visible; transform: translateX(0); transition: all ease 0.4s;}
.manufacture .equipment .btn-overly.hide { transform: translateX(20px); opacity: 0; visibility: hidden;}
.manufacture .equipment .equipment-text { text-align: center; position: relative; background-color: #ffffff; padding: 35px 0; margin: 0 30px; box-shadow: 0px 15px 17.5px 2.5px rgba(0, 0, 0, 0.07); margin-top: -60px; overflow: hidden;}
.manufacture .equipment .equipment-text span a{ color: #666; font-size: 14px; display: inline-block; margin-top: 7px;}
.manufacture .equipment .equipment-text .name { font-size: 22px; margin-bottom: 5px;}
.manufacture .equipment .equipment-text:before, .manufacture .equipment .equipment-text:after { content: ''; position: absolute; background-color: #0756b2; left: 50%; top: -270px; opacity: 0.20; z-index: 1; width: 250px; height: 250px; border-radius: 50%; transform: translateX(-50%); transition: all 0.4s;}
.manufacture .equipment .equipment-text:after { top: auto; bottom: -225px; background-color: #0046e2;}
.manufacture .equipment:hover .btn-overly { background-color: #0756b2; color: #ffffff; box-shadow: 0 0 0 17px #ffffff;}
.manufacture .equipment:hover .btn-overly .ripple { background-color: #0756b2;}
.manufacture .equipment:hover .equipment-text span { color: #ef0f3a;}
.manufacture .equipment:hover .equipment-text:before, .manufacture .equipment:hover .equipment-text:after { top: -270px;}
.manufacture .equipment:hover .equipment-text:after { top: auto; bottom: -225px;}
 @media (max-width: 768px) {
.manufacture .equipment .equipment-text .name { font-size: 20px; margin-bottom: 5px;}

}

/*社会责任*/
.social .content{margin-top:70px;}
.social .content .rect-6153{padding-bottom:61.53%;}
.social .content .item{background:#eef2f5; display: inline-block;}
.social .content .item a{display:inline-block;}
.social .content .item .left{width:50%;display:inline-block;}
.social .content .item .right{width:50%;display:inline-block;}
/*
.social .content .item.odd .left{float:left;}
.social .content .item.odd .right{float:right;}
.social .content .item.even .left{float:right;}
.social .content .item.even .right{float:left;}
*/
.social .content .item .right .box{padding:80px 75px; }
.social .content .item .right .box .t{ color:#0756b2; font-weight:bold; line-height:45px;}
.social .content .item .right .box .c{ line-height:34px; margin-top:28px;  overflow:hidden;}

@media (max-width: 1480px) {
.social .content .item .right .box{padding:70px 60px; }
.social .content .item .right .img img{ max-width: 100%; }
}
@media (max-width: 1400px) {
.social .content .item .right .box{padding:55px 40px; }
}
@media (max-width: 1366px) {
.social .content .item .right .box{padding:45px 30px; }
.social .content .item .right .box .c{ line-height:30px; margin-top:18px; }
}
@media (max-width: 1300px) {
    .social .content .item .right .box{padding:35px 30px; }
}
@media (max-width: 1200px) {
.social .content .item .right .box{padding:30px 30px; }
.social .content .item .right .box .t{ line-height:40px;}
.social .content .item .right .box .c{ margin-top:10px; }
}
@media (max-width: 1124px) {
.social .content .item .right .box{padding:15px 15px; }
.social .content{margin-top:30px;}
.social .content .item .right .box .c{ margin-top:0px; }
}
@media (max-width: 1024px) {
.social .content .item .right .box .c{ line-height:28px;}
}
@media (max-width: 992px) {
.social .content .item{ margin-bottom: 25px;}
.social .content .item .right .box{padding:20px 25px; }
.social .content .item .right .box .t{ line-height:35px;}
.social .content .item .right .box .c{margin-top:10px; line-height:28px; }
.social .content .item .left{width:100%;display:inline-block;}
.social .content .item .right{width:100%;display:inline-block;}
}
@media (max-width: 800px) {
.social .content .item .right .box{padding:15px 15px; }
.social .content .item .right .box .c{margin-top:5px;}

}
@media (max-width: 768px) {
.social .content .item .right .box{padding:10px 15px; }
.social .content .item .right .box .t{ line-height: 35px; }
.social .content .item .right .box .c{margin-top:6px; line-height:25px;}
}
@media (max-width:668px) {
.social .content .item { margin-bottom: 30px;}
.social .content .item .left{width:100%;}
.social .content .item .right{width:100%;}
.social .content .item .right .box{padding:25px 20px; }
.social .content .item .right .box .c{margin-top:15px; line-height:28px;}
}
@media (max-width: 450px) {
.social .content .item .right .box{padding:15px 15px; }
}
@media (max-width:1280px) {
.server_top .img img{ max-width: 100%;}
}
@media (max-width:992px) {
.server_top .img { margin-top: 20px;}
}
/*产品列表页*/
.product_list .list { margin-bottom: 35px; background-color: #f7f7f8; box-shadow: 0 0 20px -5px rgba(0, 0, 0, 0.1);}
.product_list .list .list-img { overflow: hidden;}
.product_list .list .list-img img { width: 100%; transition: all ease 0.4s; transform: scale(1.001);}
.product_list .list .list-content { padding:30px 20px;}
.product_list .list .list-content h3.list-title {margin-bottom: 10px; height: 62px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.product_list .list .list-content h3.list-title a{ font-size: 22px; line-height: 32px; text-transform: none;color:#333;}
.product_list .list .list-content h3.list-title a:hover{ color:#0a6bda;}
.product_list .list .list-content .list-text { margin-bottom: 15px; line-height: 32px; color: #666;}
@media (max-width: 1280px) {
.product_list .list .list-content { padding:20px 15px;}
.product_list .list .list-content h3.list-title a{ font-size: 20px; }
}
@media (max-width: 992px) {
.product_list .list .list-content h3.list-title {margin-bottom: 10px; height: auto;}
.product_list .list .list-content .list-text { line-height: 30px;}
}
@media (max-width: 767px) {
    .product_list .list .list-content { padding:15px 5px;}
.product_list .list .list-content h3.list-title a{ font-size: 18px; line-height: 28px;}
}

/*产品详细*/
.products_show.page_section{ padding-bottom: 0px;} 
.products_show .show-pro-top .float-left{ width:50%; padding-right:2%; text-align: center; float:left; }
.products_show .show-pro-top .float-left img { text-align: center; margin: 0 auto;}
.products_show .show-pro-top .float-right{ width:48%; float: right}
.products_show .show-pro-top .float-right .pro-t {padding-bottom: 30px; border-bottom: 1px solid #ddd;}
.products_show .show-pro-top .float-right .pro-t h1 {font-size: 36px; font-weight: bold; color: #333333;  }
.products_show .show-pro-top .param {padding:30px 0; line-height: 32px; color: #666; }
.products_show .show-pro-top .contact-ico { margin: 20px 0 30px;}
.products_show .show-pro-top .contact-ico .ico { margin-right: 15px;}
.products_show .show-pro-top .contact-ico span { font-weight: bold; color: #333;}
.products_show .show-pro-top .contact-ico span b{font-size: 24px; font-weight: bold; color: #0756b2;}
.products_show .show-pro-top .button { width: 100%; display: inline-block;}
.products_show .show-pro-top .button a { float: left;  margin-right: 4%; width:170px; border-radius: 25px; text-align:center;padding: 13px 40px; border: 1px solid #0756b2; background: #0756b2; color: #fff;}
.products_show .show-pro-top .button a:hover{ background: #cc0000; border: 1px solid #cc0000; color: #fff;}
.pro-big-img {width: 100%;height:495px;overflow: hidden;}
.pro-big-img .gallery-left{width:76%;height: inherit; margin: 0; float: left;}
.pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;}
.pro-big-img .gallery-left .swiper-slide img{ max-width: 100%;}
.pro-big-img .gallery-thumbs{ width:22%; height: inherit; float: right; box-sizing: border-box;}
.pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 1px solid #dcdcdc; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:40%;right:inherit;top:-15px;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(90deg) translate(0, 0);transform: rotate(90deg) translate(0, 0);/**/left:inherit;right:36%;top:inherit;bottom:-15px;}
.pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; }
.pro-big-img .gallery-thumbs .swiper-slide img{width: 100%;}
.pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{width:25px;height:50px;background-size: 60%;}
.pro_detail .detail_l{ width: 96%;}
.pro_detail .pro_content{line-height:30px;/* border:1px solid #eee; padding:5% 4%;*/}
.pro_detail .pro_content .tit{padding: 0px 40px; line-height:75px;color:#fff; background: linear-gradient(100.7deg, #0756b2 9.88%, #0756b2 32.83%, #1076d6 57.95%); margin-bottom: 15px; }
.pro_detail .pro_content .title{ position: relative; padding-left: 20px; color: #0756b2; font-weight: bold; line-height:28px;}
.pro_detail .pro_content .title:before {content: '';position: absolute;left: 0;bottom: 0;width: 2px;height: 24px;background-color: #0756b2;}
.pro_detail .pro_content p,.pro_detail .pro_content img{ margin:10px 0;}
.pro_detail .pro_content img{  max-width: 100%;}
.pro_detail .detail_r { border:1px solid #eee;padding:8%;margin-bottom:20px;color:#666;display:block;}
.pro_detail .detail_r .widget_title {font-size: 22px;font-weight: 500;letter-spacing: 0.20px;position: relative;border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;margin-bottom: 30px}
.pro_detail .detail_r .widget_title:before {content: '';position: absolute;left: 0;bottom: 0;width: 80px;height: 1px;background-color: #0046e2;}
.pro_detail .detail_r .pro_list {display: flex;margin-bottom: 0;padding: 20px 0;border-bottom: 1px solid #f2f2f2;}
.pro_detail .detail_r .pro_list:last-of-type {padding-bottom: 0;border-bottom: none;}
.pro_detail .detail_r .pro_list:first-of-type {padding-top: 0;}
.pro_detail .detail_r .pro_list .pro_list-img {margin-right: 20px;width: 150px; }
.pro_detail .detail_r .pro_list .pro_list-img img {width: 100%;}
.pro_detail .detail_r .pro_list .pro_list-content {width: calc(100% - 170px);padding: 0;border: none;margin: 0;}
.pro_detail .detail_r .pro_list .pro_list-content .pro_list-title {font-size: 16px;line-height: 22px;text-transform: none;font-weight: 700;height:45px;}
.pro_detail .detail_r .pro_list .pro_list-content .pro_list-title a { color:#333;line-height: inherit;}
.pro_detail .detail_r .pro_list .pro_list-content .pro_list-title a:hover{ color:#0b6fba;}

.pro_detail .r_contact{border: 1px solid #eee; position: relative;z-index: 1;padding: 0;}
.pro_detail .r_contact .link-overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 1;z-index: 3;}
.pro_detail .r_contact .price-box {position: absolute;top: 25px;right: 25px;width: 110px;height: 110px;background-color: #0756b2;text-align: center;padding: 0 20px;z-index: 1;padding-top: 10px;border-radius: 50%;transition: all ease-in-out 0.3s;}
.pro_detail .r_contact .price-box:before {content: '';position: absolute;left: -5px;bottom: -5px;right: -5px;top: -5px;border: 2px dotted #0756b2;border-radius: 50%;animation: cspine 20s linear infinite;}
.pro_detail .r_contact .price-box span.text { font-weight: 500;color: #ffffff; }
.pro_detail .r_contact .price-box span.price {display: block;color: #ffffff;margin: 5px 0 5px;}
.pro_detail .r_contact .title {position: absolute;top: 60%;left: 55px; height: 250px; color: #0756b2; width: 240px; font-weight: bold; line-height: 36px;}
/*.pro_detail .r_contact .title span { writing-mode: vertical-rl;}*/
.pro_detail .r_contact .title .text-white {color: #fff!important;  }
@media only screen and (max-device-width: 1440px){
.products_show .show-pro-top .float-left{ width:59%; }
.products_show .show-pro-top .float-right{ width:40%; }
.products_show .show-pro-top .float-right .pro-t h1 {font-size: 26px; }
}
@media screen and (max-width:1366px){
.pro-big-img .gallery-thumbs{ width: 22%; }
.products_show .show-pro-top .float-right .pro-t h1 {font-size: 22px; padding-bottom: 0px;  }
.pro-big-img {height:380px;}
}
@media screen and (max-width:1280px){
.pro-big-img { height:390px; }
.products_show .show-pro-top .float-left{ width:60%; }
.products_show .show-pro-top .float-right{ width:38%; }
.pro-big-img .gallery-left{width:80%;}
.pro-big-img .gallery-thumbs{ width:20%;}
.products_show .show-pro-top .float-right .pro-t h1 {font-size: 20px;}
.pro_detail .pro_content .tit{padding: 0px 25px; }
.products_show .show-pro-top .float-right .pro-t {padding-bottom:20px;}
.products_show .show-pro-top .param {padding:20px 0; line-height: 30px; color: #666; }

}
@media screen and (max-width:1240px){
.pro_detail .detail_r { padding:6%;}
}
@media only screen and (max-device-width: 1220px){
.pro-big-img { height:360px; }
.products_show .show-pro-top .param {padding:15px 0;}
}
@media screen and (max-width:1200px){
.pro-big-img { height:355px; }
.products_show .show-pro-top .float-left img{ width:100%;}
.products_show_bottom{ margin-top:2em;}
.pro-big-img .gallery-left{width:78%;}
.pro_detail .detail_r .widget_title {font-size: 20px; }
.pro_detail .pro_content .tit{font-size:20px;}
}
@media screen and (max-width:1180px){
.pro_detail .detail_r .pro_list .pro_list-img { width: 130px; }
.pro_detail .detail_r .pro_list .pro_list-content {width: calc(100% - 150px); }
}
@media only screen and (max-device-width: 1140px){
.products_show .show-pro-top .param {padding:10px 0; }
.share { margin: 10px 0;}
.products_show .show-pro-top .float-right .pro-t {padding-bottom: 20px; }
.products_show .show-pro-top .contact-ico { margin: 10px 0 10px;}

}
@media only screen and (max-device-width: 1040px){
.pro-big-img { height:320px; }
}
@media screen and (max-width:1024px){
.pro_detail .l_box_top { height: 270px; }
.pro_detail .detail_r .pro_list .pro_list-img { width: 110px; }
.pro_detail .detail_r .pro_list .pro_list-content {width: calc(100% - 130px); }
.pro_detail .detail_r .pro_list .pro_list-content .pro_list-title { height:26px;}
.pro_detail .pro_content .tit{padding: 0px 15px; line-height:50px; }
.products_show .show-pro-top .param { line-height: 30px; }

}
@media screen and (max-width:992px){
.products_show_bottom{ margin-top:3em;}
.pro_detail .l_box_top { height: 370px; }
.pro_detail .l_box_top_img img{ width:100%;}
.pro_detail .detail_l{ margin-bottom:20px;}
.pro_detail .detail_l{ width: 100%;}

}
@media(max-width:920px) {
.pro-big-img { height:400px; }
.products_show .show-pro-top .float-left{ width:100%; margin-bottom: 35px;}
.products_show .show-pro-top .float-right{ width:100%; }
}
@media(max-width:825px) {
.pro-big-img { height:350px; }
.products_show .show-pro-top .contact-ico .ico { margin-right: 5px;}
}
@media(max-width:800px) {
.pro-big-img { height:340px; }
}
@media(max-width:768px) {
.pro-big-img { height:380px; }
.products_show .show-pro-top .container>div { width: 100%;}
.products_show .show-pro-top .float-left{ width:100%; float:left;margin: 0 auto 0px;}
.products_show .show-pro-top .float-right{ width:100%; float: right; padding-left:0; margin-top:20px;}
.products_show .show-pro-top .param p { line-height: 28px;}
.pro_detail .l_box_top { height: 320px; }
.pro_detail .pro_title{font-size:18px;}
.pro_detail .r_contact{ display:none}
.products_show .show-pro-top .float-right .pro-t {padding-bottom:20px; }
.pro_detail .pro_content .tit{padding: 0px 20px; line-height:45px; }

}
@media screen and (max-width:580px){
.pro_detail .l_box_top { height: 100%; }
.pro-big-img { height:600px; }
.products_show .show-pro-top { height:600px; padding-right:0;  }   
.pro_detail .l_box_top_img{ width:100%; margin-right:0; margin-bottom:20px;float: none;}
.pro_detail .l_box_top_con{ width:100%; float:none; height:100%;}
.pro_detail .l_box_top_con .desc{ line-height:28px; overflow:hidden;}
.pro-big-img .gallery-thumbs{ width:100%; height: 120px; margin-top: 25px; float: right; box-sizing: border-box;}
.pro-big-img .gallery-left{width:100%;height: 440px; margin: 0; float: left;}
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0); left:0px;right:inherit;top:30%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(360deg) translate(0, 0);transform: rotate(360deg) translate(0, 0); left:inherit;right:0px;top:inherit;bottom:30%;}
}
@media screen and (max-width:530px){
.pro-big-img { height:500px; }
.products_show .show-pro-top { height:500px; padding-right:0;  }
.pro-big-img .gallery-left{width:100%;height: 350px; margin: 0; float: left;}
}
@media screen and (max-width:480px){
.pro-big-img { height:520px; }
.products_show .show-pro-top { height:520px; padding-right:0;  }
.pro-big-img .gallery-left{width:100%;height: 370px; margin: 0; float: left;}
}
@media screen and (max-width:440px){
.pro-big-img { height:500px; }
.products_show .show-pro-top { height:500px; padding-right:0;  }
.pro-big-img .gallery-left{width:100%;height: 350px; margin: 0; float: left;}
}
@media screen and (max-width:425px){
.pro-big-img { height:480px; }
.products_show .show-pro-top { height:480px; padding-right:0;  }
.pro-big-img .gallery-left{width:100%;height: 330px;}
.pro-big-img .gallery-thumbs{ width:100%; height: 100px; margin-top: 20px; }
.pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:28%;bottom:inherit;}
.pro-big-img .gallery-thumbs .swiper-button-pro-next{ bottom:30%;}

}
@media screen and (max-width:400px){
.pro-big-img { height:430px; }
.products_show .show-pro-top { height:430px; padding-right:0;  }
.pro-big-img .gallery-left{width:100%;height: 290px;}
}

/*新闻*/
.news-list .item{display: flex;;padding: 40px 0;border-bottom: 1px solid #e5e5e5;}
.news-list .item:first-child{border-top: 1px solid #e5e5e5;}
.news-list .item .pic{width: 32%;height: 290px;border-radius: 10px;overflow: hidden;}
.news-list .item .pic img{transition: all .5s;display: block;width: 100%;height: 100%;}
.news-list .item .content{display: flex;flex-direction: column;justify-content: space-between;width: calc(100% - 32%);box-sizing: border-box;padding-left: 50px; padding-top: 20px; padding-bottom: 20px;}
.news-list .item .content .time{color: #666;line-height: .8em;}
.news-list .item .content .time img{ margin-right: 8px;}
.news-list .item .content .title{margin-bottom: 30px; color: #0756b2; line-height: 1.5em;font-weight: bold;}
.news-list .item .content .msg{ display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;;color: #666;line-height: 1.7em;}
.news-list .item .content ul li{width: 140px; text-align: center; padding:10px 5px;border:1px solid #999;  border-radius: 20px; margin-right: 16px; color: #999;}
.news-list .item .content ul li .fa{ margin-right: 10px;}
.news-list .item:hover .pic img{transform: scale(1.1);}
.news-list .item:hover .content .title,.news-list .item:hover .content .title a:hover{color:#0756b2;}
.news-list .item .content ul li:hover{border:1px solid #999; background: #fff;color: #999;}


@media screen and (max-width: 1366px){
.news-list .item .content .title{margin-bottom: 30px; }
.news-list .item .content .time{ margin-bottom: 15px;}

}
@media screen and (max-width: 1280px){
.news-list .item .content{ padding-left: 38px;}
.news-list .item .content .title{margin-bottom: 20px; }
}
@media screen and (max-width: 1280px){
.news-list .item .pic{width: 36%;}
.news-list .item .content{ width: calc(100% - 36%);}
}
@media screen and (max-width: 1024px){
.news-list .item .content .time{ margin-bottom: 10px;}
.news-list .item .pic{width:45%;}
.news-list .item .content{width: 55%;padding-left: 28px;}
.news-list .item .content .title{margin-bottom: 10px; }
.news-list .item .content .msg{  -webkit-line-clamp:2;}
}
@media screen and (max-width:800px){
    .news-list .item .pic{width:50%;}
    .news-list .item .content{width: 50%;padding-left: 28px;}
    
}
@media screen and (max-width: 768px){
.news-list .item{flex-flow: column;}
.news-list .item .pic{position: relative;width: 100%;height: auto;padding-bottom: 58.74%;}
.news-list .item .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news-list .item .content{width: 100%;padding-left: 0; padding-bottom: 0px; }
}
@media screen and (max-width: 568px) {
.news-list .item{padding: 30px 0;}
.news-list .item .content .time{margin-bottom: 8px;}
.news-list .item .content .text{margin-bottom: 0px;}
.news-list .item .content .msg{-webkit-line-clamp: 2;}
.news-list .item .content .more i{font-size: 24px;}
.news-list .item .content ul li{width: 120px;}
}
.news_info .boxLeft {width: 95%;box-sizing: border-box;border: 1px solid #eee; }
.news_info .boxLeft .boxTop .content1 {  font-weight: bold;}
.news_info .boxLeft .boxTop .content2 {margin-top: 30px;font-size: 16px;color: #999; }
.news_info .boxLeft .boxTop .content2 p {margin-right:50px;}
.news_info .boxLeft .boxTop .content2 img {margin-right:10px;vertical-align: middle;position: relative; height: 18px;}
.news_info .boxLeft .boxTop .content3 {margin-top: 50px; color: #666;line-height: 2;}
.news_info .boxLeft .boxTop .content3 img {max-width: 100%; text-align: center; margin: 10px auto;}
.news_info .boxLeft .boxTop .content3 p{line-height: 2; margin-bottom:10px;}

.newsshow_r .tit{font-size: 24px; line-height: 30px; padding-bottom: 25px; border-bottom: 1px solid #eee; position: relative;}
.newsshow_r .tit:after{ height: 2px; width:70px; background:#0756b2; content: ''; position: absolute; left: 0; bottom: 0px; }
.right_news {border: 1px solid #eee;}
.right_news ul { margin-top: 20px;}
.right_news ul li .content{ padding: 25px 0px; border-bottom: 1px solid #eee;}
.right_news ul li:last-child .content{ padding-bottom: 0px; border-bottom: 0px solid #eee;}
.right_news ul li a{display:block;}
.right_news ul li .img{float:left; width:32%; margin-right: 4%;}
.right_news ul li .img img{ width: 100%;}
.right_news ul li .intro{float:left; width:64%; }
.right_news ul li .intro .box .txt .t{ margin-bottom: 15px; font-weight: bold; color:#333;   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.right_news ul li .intro .box .txt .date1{color: #787878;font-size:16px; margin-top:5px;display: block;}
.right_news ul li:hover .intro .box .txt .t a{ color:#0756b2; }
.right_question ul li .intro{float:left; width:100%; }

.news_info .r_contact{border: 1px solid #eee; position: relative;z-index: 1;padding: 0;}
.news_info .r_contact .link-overlay {position: absolute;top: 0;left: 0;height: 100%;width: 100%;opacity: 1;z-index: 3;}
.news_info .r_contact .price-box {position: absolute;top: 25px;right: 25px;width: 110px;height: 110px;background-color: #0756b2;text-align: center;padding: 0 20px;z-index: 1;padding-top: 10px;border-radius: 50%;transition: all ease-in-out 0.3s;}
.news_info .r_contact .price-box:before {content: '';position: absolute;left: -5px;bottom: -5px;right: -5px;top: -5px;border: 2px dotted #0756b2;border-radius: 50%;animation: cspine 20s linear infinite;}
.news_info .r_contact .price-box span.text { font-weight: 500;color: #ffffff; }
.news_info .r_contact .price-box span.price {display: block;color: #ffffff;margin: 5px 0 5px;}
.news_info .r_contact .title {position: absolute;top: 60%;left: 55px; height: 250px; color: #0756b2; width: 240px; font-weight: bold; line-height: 36px;}
/*.news_info .r_contact .title span { writing-mode: vertical-rl;}*/
.news_info .r_contact .title .text-white {color: #fff!important;  }
@media only screen and (max-width: 1540px){
.right_news ul li .intro .box .txt .t{ margin-bottom: 8px; margin-top: 8px;  }
.right_news ul li .img{float:left; width:37%; margin-right: 3%;}
.right_news ul li .intro{float:left; width:60%; }
}
@media only screen and (max-width: 1440px){
.right_news ul li .intro{ width:57%; }
.right_news ul li .img{float:left; width:100%; margin-right:0;}
.right_news ul li .img img{ width: 100%;}
.right_news ul li .intro{float:left; width:100%; }
}
@media only screen and (max-width: 1366px){.right_news ul li .intro .box .txt .t{font-size:18px;}
.news_info .r_contact .title { max-width: 131px; }

}
@media only screen and (max-width: 1280px){
.right_news ul li .img{float:left; width:40%; margin-right: 2%;}
.right_news ul li .intro{float:left; width:58%; }
.news_info .r_contact .title { max-width: 115px; line-height: 30px;}
}
@media only screen and (max-width: 1240px){
.right_news ul li .intro{float:left; width:58%;}
.right_news ul li .intro .box .txt{float:left; width:100%;}
.right_news ul li .intro .box .txt .t{font-size:16px; margin-bottom: 5px; color:#333; }
.right_news ul li .intro .box .txt .date1{ font-size:16px;}
.news_info .boxLeft .boxTop .content3 {margin-top: 40px; }
}
@media only screen and (max-width: 1200px){.right_news ul li .intro{ width:56%;}}
@media only screen and (max-width: 1100px){.right_news ul li .intro{ width:55%;}}
@media only screen and (max-width: 992px){
.right_news ul li .intro{float:left; width:52%;margin-top: 0px;}
.news_info .boxLeft .boxTop .content3 {margin-top: 30px; }
.news_info .boxLeft {width: 100%; }
.news_info .r_contact{ display:none}
}
@media only screen and (max-width: 768px){.right_news ul li { margin-bottom: 20px; }
.right_news ul li .img{float:left; width:37%; margin-right: 3%;}
.right_news ul li .intro{ width:60%;}
.right_news ul li .intro .box{padding:5px 6px 0 6px;}
.right_news ul li .intro .box .txt .date1{ margin-top:0px; }
.right_news ul li:hover{background: none;}

.news_info .boxLeft .boxTop .content3 {margin-top: 20px; line-height: 1.8; }

}
@media only screen and (max-width: 460px){
.right_news ul li .content{ padding: 5px 0px 5px 0px; }
.right_news ul li .img{float:none; width:100%; margin-right: 0;  }
.right_news ul li .intro{ width:100%; padding: 15px 15px;}
.right_news ul li .intro .box .txt .t{line-clamp: 1;-webkit-line-clamp: 1;}
}
/**视频***/
.video_list01 .video-box .list{ margin-bottom: 10px;}
.video_list01 .video-box .list::after {content: "";width: 0;height: 0;display: block;float: none;clear: both;}
.video_list01 .video-box .list .item { cursor: pointer; transition: 1s; }
.video_list01 .video-box .list .item .img {width: 100%; position: relative;overflow: hidden;}
.video_list01 .video-box .list .item .img .img-box {width: 100%;height: 100%;}
.video_list01 .video-box .list .item .img .img-box img {position: absolute;top: 0;left: -200px;right: -200px;margin: auto;height: 100%;transition: 1s;}
.video_list01 .video-box .list .item .img .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.video_list01 .video-box .list .item .img .bg::before {content: '';display: block;width: 0;height: 220%;background: rgba(7, 86, 178, 0.9);position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%) rotate(55deg);-ms-transform: translate(-50%, -50%) rotate(55deg);transform: translate(-50%, -50%) rotate(55deg);-webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);z-index: 9;}
.video_list01 .video-box .list .item .img .bg img {position: absolute;width: 60px;height: 60px;top: calc(50% - 2rem);left: calc(50% - 2rem);opacity: 1;z-index: 1000;-webkit-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);-o-transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);transition: all 0.5s cubic-bezier(0.77, 0, 0.175, 1);}
.video_list01 .video-box .list .item .text {width: 100%;padding:25px 0px;font-size:20px; font-weight: bold;  line-height:36px; color: #333; transition: 1s;}
.video_list01 .video-box .list .item .text .date{font-size:16px; color: #666; font-weight: normal;}
.video_list01 .video-box .list .item:hover {background-color: #ffffff;/*box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.07);*/}
.video_list01 .video-box .list .item:hover .img img {transform: scale(1.1);}
.video_list01 .video-box .list .item:hover .img .bg::before {width: 130%;}
.video_list01 .video-box .list .item:hover .img .bg img {opacity: 1;transform: scale(1);}
.video_list01 .video-box .list .item:hover .text {color: #0756b2;}
.popups { width:50%;position: fixed;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%); z-index: 1000000000;display: none;}
.popups .close {width: 30px;height: 30px; position: absolute;top: 0px;right: 0px;border-radius: 50%;cursor: pointer;z-index: 1000000001;}
.popups .close img {width: 20px;height: 20px;display: block;margin: 0 auto; }
.popups .video {width: 100%; margin:30px auto 0;  position: relative;}
.popups .video video {width: 100%;height: 100%; z-index: 1000000000;}
.popups .video .videoBg {position: absolute;width: 100%;height: 100%;overflow: hidden;top: 0px;left: 0px;}
.popups .video .VideoBtn {position: absolute;width: 75px;height: 75px;top: 50%;left: 50%;margin-top: -50px;margin-left: 0px;cursor: pointer;overflow: hidden;}

@media all and (max-width:768px) { 
.video_list01 .video-box .list .item .text { padding:15px 10px;font-size:18px;}
.popups { width:90%;}
}
@media all and (max-width:468px) { 
.video_list01 .video-box .list .item .text { padding:10px 5px;font-size:16px;}
}

/**行业应用***/
.application-list .content { width: 100%;border-radius:20px; }
.application-list .content .img1 { width: 100%; position: relative;border-radius:20px;}
.application-list .content .img1 img{ max-width: 100%;border-radius:20px;}
.application-list .content .img1:before {width: 100%;height: 100%;position: absolute; content: ""; object-fit: cover;border-radius:20px; 
     background-image: linear-gradient(0deg, #1E50E6, #50C8FF);
     z-index: 2; left:0;bottom: 0; transition: all .5s;background: linear-gradient(90deg, #044f9f 0%, transparent 60%);}
.application-list .titbox{position: absolute;width:100%;bottom:0;left:0; z-index:3; }
 
/** 行业应用详情 **/
.solution-big-img {width: 100%; overflow: hidden;}
.solution_info_1_1{ overflow:hidden; }
.solution_info_1_1_left{float:left; width:50%;}
.solution_info_1_1_left .solution-big-img {width:100%; text-align: left;}
.solution_info_1_1_left .solution-big-img img{ width:100%;}
.solution_info_1_1_right{float:right; width:50%; padding:0px 0 0 45px;}
.solution_info_1_1_right_1{ color: #0756b2; font-weight: bold;  margin-bottom: 20px; }
.solution_info_1_1_right_3{ color:#666; line-height: 30px; }
 
.pageapplication2.page_section{ padding-top: 0px;} 
.pageapplication2 .tit{padding: 0px 40px; line-height:75px;color:#fff; background: linear-gradient(100.7deg, #0756b2 9.88%, #0756b2 32.83%, #1076d6 57.95%); margin-bottom: 15px; }

.pageapplication_list { padding-top: 40px;}
@media (max-width:1780px){
.solution_info_1_1_right{ padding:0px 0 0 40px;}
}
@media (max-width:1480px){
.solution_info_1_1_right{ padding:0px 0 0 35px;}
.solution_info_1_1_right_1{ margin-bottom: 25px; }
}
@media (max-width:1366px){
.solution_info_1_1_right{ padding:0px 0 0 30px;}
.solution_info_1_1_right_3{ line-height: 32px; }
.pageapplication2 .tit{padding: 0px 15px; line-height:55px;}
}
@media (max-width:1200px){
.solution_info_1_1_right_1{margin-bottom: 20px; }
.solution_info_1_1_right_3{ line-height: 30px; }
.solution_info_1_1_left{float:none; width:100%;}
.solution_info_1_1_right{float:none; width:100%; padding:30px 0 0 0px;}
.solution_show.page_section{padding-bottom: 0px;}
}


@media (max-width:992px){
.solution_info_1_1_right_3{ line-height: 28px; }
.pageapplication2 .tit{padding: 0px 10px; line-height:45px;}
.solution_info_1_1_right_1{margin-bottom: 15px; }
}
@media (max-width:900px){
.solution_info_1_1_right_1{margin-bottom: 10px; }
.solution_info_1_1_right{ padding:20px 0 0 0px;}
}


/** 行业应用详情结束 **/


.customserver-top .tit1{color: #0756b2; font-weight: bold;}
.customserver-top img{ max-width: 100%;}
.customserver-bottom{background: url(../images/customserver-bottom.jpg)no-repeat center bottom; background-size: cover; } 
.server_top .pagetit .desc p{ line-height: 30px; font-size: 16px!important;}

.susta_idea_btm {width: 100%;position: relative; }
.susta_idea_btm_log {width: 570px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 10;}
.susta_idea_btm_log img {width: 100%;}
.susta_idea_btm_list {display: flex;flex-wrap: wrap; overflow: hidden;align-items: stretch;}
.sibl_li {width: 45%; padding: 40px 0px; overflow: hidden;position: relative;z-index: 1;}
.sibl_li:nth-child(2n){width: 44%; margin-left: 11%; float: right; text-align: left;}
.sibl_li_tit {margin-bottom: 30px; padding-bottom: 35px; position: relative;}
.sibl_li_tit .std_tit6 { color: #333;line-height: 1.5;}
.sibl_li_tit:after{ content: ""; background: url(../images/line.png)no-repeat left bottom; width: 100%; height: 17px; position: absolute;bottom: 0px;left: 0px;}
.sibl_li_info { width: 85%;}
.sibl_li_info p { font-size: 16px; color: #666;line-height: 1.8;min-height: 6em;}
.sibl_li:nth-child(2n) .sibl_li_info { width: 100%;}
.sibl_li1,.sibl_li3 {padding-right: 10%;}
.sibl_li2,.sibl_li4 {padding-left: 15%; float: right;}
@media (max-width:1440px) {
.susta_idea_btm_log {width: 480px;}
}
@media (max-width:1366px) {
.susta_idea_btm_log {width: 410px;}
.sibl_li_tit {margin-bottom: 25px; padding-bottom: 30px; }
.sibl_li_info p {  line-height: 1.8; }
.sibl_li:nth-child(2n){width: 49%; margin-left: 6%; }
}
@media (max-width:1320px) {
.susta_idea_btm_log {width: 380px;}
}
@media (max-width:1280px) {
.susta_idea_btm_log {width: 340px;}
.sibl_li { padding: 40px 0px 20px; }
.sibl_li_info { width: 90%;}
.sibl_li_info p { font-size: 16px; }
.sibl_li {width: 35%;}
.sibl_li:nth-child(2n){width: 35%; margin-left: 30%; }
}
@media (max-width:1240px) {
.susta_idea_btm_log {width: 280px;}
.sibl_li_info { width: 92%;}

}
@media (max-width:1024px) {
.susta_idea_btm_log {width: 220px;}
.sibl_li { padding: 20px 0px 20px; }
.sibl_li_info { width: 100%;}
.sibl_li_tit {margin-bottom:15px; padding-bottom: 25px; }
}
@media (max-width:992px) {
.customserver-top .img { margin-top: 20px;}
}
    
@media (max-width:900px) {
.susta_idea_btm_log { display: none;}
.sibl_li {width: 100%;}
.sibl_li:nth-child(2n){width: 100%; margin-left: 0px; }
.sibl_li_info p { min-height:auto;}

}
@media (max-width:468px) {
.sibl_li { padding: 10px 0px 20px; }
}
.question_list ul li .con{ width: 100%; display: inline-block; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #ececec; }
.question_list ul li .con .img{ float: left; width: 8%;}
.question_list ul li .con .content{ float: right; width: 92%;}
.question_list ul li .con .content .tit{ color: #333; font-weight: bold; margin-bottom: 20px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.question_list ul li .con .content .desc{ color: #666; line-height: 32px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
@media (max-width:992px) {
.question_list ul li .con{ padding-bottom: 25px; margin-bottom: 25px; }
.question_list ul li .con .content .desc{ line-height: 30px;}
}
@media (max-width:568px) {
.question_list ul li .con .img{ float: left; width: 10%;}
.question_list ul li .con .content{ float: right; width: 90%;}
.question_list ul li .con .content .tit{ margin-bottom: 10px; -webkit-line-clamp: 2;}
}
@media (max-width:400px) {
.question_list ul li .con .img img{ max-width: 100%;}
}

/**联系我们**/
.contact_page .contact_page_list .intro { border: 1px solid #d2d2d2; padding: 60px 50px;}
.contact_page .contact_page_list .intro { text-align: center;}
.contact_page .contact_page_list .intro .con{ line-height:38px; min-height: 90px; color:#333; margin-top: 25px; overflow:hidden;}
.contact_page .contact_page_list .intro:hover { border: 1px solid #0a58b3; }

@media screen and (max-width: 1440px){
.contact_page .contact_page_list .intro { padding: 60px 40px;}
 
}
@media screen and (max-width: 1366px){
.contact_page .contact_page_list .intro { padding: 50px 40px;}
.contact_page .contact_page_list .intro .con{ line-height:34px; }
}
@media screen and (max-width: 1280px){
.contact_page .contact_page_list .intro { padding: 40px 30px;}
.contact_page .contact_page_list .intro .con{ line-height:30px; min-height: 60px; color:#333; }
}
@media screen and (max-width: 992px){
.contact_page .contact_page_list .intro { padding: 45px 30px;}

}   
@media screen and (max-width: 892px){
.contact_page .contact_page_list .intro { padding: 35px 20px;}
}  
@media screen and (max-width: 768px){
.contact_page .contact_page_list .col-sm-4{ margin-bottom: 25px;}
.contact_page .contact_page_list .intro {padding:30px 15px;}

}
@media screen and (max-width: 468px){
.contact_page .contact_page_bottom .contact_page_bottom_content .list{ padding-left: 0px; padding-right: 0px;  }

}
.message{  background: url(../images/message_page.jpg) no-repeat center top;  }
.message .pagetit .tit,.message .pagetit .desc{ color: #fff;}
.ctact_cont_mess_box {position: relative;z-index: 1;}
.message .form { width: 56.25%; float: left;}
.message .validate_form { font-size: 0;}
.message .validate_form .form-group { color: #cccccc; height: 80px; margin-bottom: 30px;position: relative;}
 
.message .validate_form .form-control { float: left; width:100%; padding: 0;margin: 0;border: none;background: none; line-height: 50px; height: 50px; border-radius: 8px; color: #cccccc;font-weight: 400; border: 1px solid #dcdcdc;padding: 0 20px;text-align: left;cursor: pointer;}
.message .validate_form .form-group_msg .form-control {height: 400px;resize: none;padding:10px 20px;}
.message .validate_form .form-control+label {display: block !important;font-size: 18px; font-weight: normal; color: #cccccc;position: absolute;top: 16px;left: 20px;-moz-transition: all .36s ease;-o-transition: all .36s ease;-webkit-transition: all .36s ease;transition: all .36s ease;cursor: pointer;}
.message .validate_form .form-group_msg {width: 100%;}
.ccfn_list_li_text { width:100%; float:  none; padding-left: 10px; line-height: 50px;color: #333;position: relative;}
.ccfn_list_li_text p::after {content: "*";color: red;position: absolute;left: 0px;top: 0;}
.ccfn_list_li_text.on p::after {content: "*";color: red;position: absolute;left: 54px;top: 0;}
.message .btn_button {padding: 22px 30px; text-align: center; }
.message .btn_default { display: inline-block; border-radius: 8px; background: #1e50e4; text-align: center; width: 170px; line-height:40px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden;font-weight: 400;cursor: pointer;-moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .btn_default span { z-index: 10; color: #fff; -moz-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-webkit-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.message .hint{ line-height: 32px; color: #666;}
.message span {display: inline-block;color: #666; }
.message #code {width: 80%;height: 50px;border: 1px solid #dcdcdc;background-color: #fff;color: #cccccc;border-radius: 8px;padding: 0 20px;text-align: left;}
.message .hint span {color: #cd0000; }
.message .form-bottom { margin-bottom: 20px;}
.d-inline { float: left;}
.message_btn { width:170px; margin-top: 30px; }
.ccmb_form{padding:55px 60px;border-radius: 10px;background: #FFF;box-shadow: 2px 5px 20px 6px rgba(121, 121, 121, 0.25);}
.ccmb_form_le{width: 50%;padding-right: 26px;}
.ccmb_form_ri{width: 50%;padding-left: 26px;}
.ctact_cont_mess h2{font-weight: bold;color: #fff;text-align: center;}
.ccmb_from_le_label{width: 50%;padding: 0 7.5px;}
.ccmb_from_le_list{margin: 0 -7.5px;}
.ccmb_from_le_code{margin-bottom: 20px;}
.cfll_input{background: #FAFAFA;position: relative;display: flex;align-items: center;padding: 0 26px;}
.cfll_input input{width: 100%;height:60px;font-size: 16px;color: #666;padding-left: 10px;}
.cfll_input p{color: #666;display: flex;flex-shrink: 0;align-items: baseline;}
.cfll_input span{color: #C90B0E;}
.ccmb_from_le_list{margin-bottom: 14px;}
.cfll_add, .cfll_requ{width: 100%;}
.cfll_requ{height: 150px;} .cfll_requ .cfll_input {flex-direction: column;}
.cfll_requ .cfll_input{height: 100%;align-items: flex-start;padding:22px 26px;}
.cfll_requ p{width: 100%;}
.cfll_requ textarea{width: 100%;height: 100%;font-size: 16px;color: #666;line-height: 1.5;}
.cfll_code input{width: calc(100% - 60px);}
.ccmb_from_ri_code{width: 117px;margin-top: 13px;cursor: pointer;}
.ccmb_from_ri_code img{width: 100%;}
.ccmb_from_ri_priv{display: flex;align-items: center;}
.ccmb_from_ri_priv span{width:14px;height: 14px;border: solid 1px #c4c4c4;position: relative;transition: all .36s;cursor: pointer;border-radius: 50%;margin-right: 10px;}
.ccmb_from_ri_priv span.on{border: solid 1px #C90B0E;}
.ccmb_from_ri_priv span::after{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 6px;height: 6px;background: #C90B0E;opacity: 0;transition: all .36s;border-radius: 50%;}
.ccmb_from_ri_priv span.on::after{opacity: 1;}
.ccmb_from_ri_priv a{font-size: 14px;color: #C90B0E;line-height: 1.5;}
.ccmb_from_ri_priv p{color: #666;line-height: 1.5;font-size: 14px;}
.ccmb_form_btn{text-align: center;}
.ccmb_form_btn_cont{cursor: pointer;background: #C90B0E;border-radius: 50px;margin-top: 40px;display: inline-block;padding: 0 67px}
.ccmb_form_btn p{color: #fff;font-size: 16px;line-height:50px;text-align: center;}
@media (max-width:1366px){
.ccmb_form{padding:50px 50px; }
}
@media (max-width:1280px){.message .left {display: inline-block;width: 100%;padding-right:0;}
.message .form {display: inline-block;width: 100%;}
.ccmb_form{padding:40px 40px; }
}
@media (max-width:1160px){
.ccmb_form{padding:35px 25px; }
}
@media (max-width:992px){
.ccmb_form{padding:30px 30px; }
.message .validate_form .form-control input{ width: 100%;}
.message .validate_form .form-group_msg .form-control {height: 300px;resize: none;padding:10px 20px;}
}
@media (max-width:768px){ 
.message .validate_form .form-control { height: 40px; line-height:40px; padding: 0 8px; font-size: 15px; }
.message .validate_form .form-group {margin-bottom: 10px;}
.message .validate_form .form-group_msg .form-control {height: 240px;padding: 0 8px; }
.message #code {width: 165px;height: 40px;}
.message .hint{ line-height: 28px; }
.ccmb_form{padding:20px 20px; }
.ccfn_list_li_text { line-height:40px;}
.message_btn {  margin-top: 20px; }
}
@media (max-width:568px){
.message .text-muted { color: #666;line-height: 28px;margin-bottom: 10px; }
.ccfn_list_li_text { width: 20%; }
.message .validate_form .form-control { width:80%; }
.message .validate_form .form-group_msg .form-control {height: 220px; }
}
@media only screen and (max-width:468px) {.message .validate_form .form-group {width: 100%; margin-bottom: 25px;}
.ccfn_list_li_text { width: 100%; }
.message .validate_form .form-control { width:100%; margin-bottom: 15px;}
}
@media only screen and (max-width:400px) {
.message .btn_default { width: 150px; line-height:35px;}
.message_btn {  margin-top: 15px; margin-left: 40px;}
}

.policy { line-height: 30px;}
.policy h3{ font-size: 24px; margin-bottom: 20px;color: #0a58b3;}
@media(max-width:1440px) {
.policy h3{ font-size: 22px;}
}
@media(max-width:992px) {
.policy h3{ font-size: 20px;}
}
@media(max-width:768px) {
.policy h3{ font-size: 18px; }
}
/*

.index_pro_bj{width: 100%;overflow: hidden;background: url(../images/index_pro_bg.jpg) no-repeat center bottom; background-size: cover;}
.index_pro_bj .pagetit .tit{ color: #fff; }
.index_pro_bj .pagetit .desc{ color: #fff; }
.index_pro_container{  position: relative;}
.index_pro_arr{width: 100%;  position: absolute;top: 55%;}
.index_pro_arr_rt{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow1.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10);  right: 0;cursor: pointer;transition:.3s;z-index: 2;} 
.index_pro_arr_lt{width: 60px;height: 60px;  border-radius: 100%; border: 1px solid #044f9f; background:#fff url(../images/arrow.png) no-repeat center; box-shadow: 0px 4px 16px rgba(26, 19, 107, 0.10);  position: absolute;top: 50%; left: -40px!important;cursor: pointer;transition:.3s;z-index:2;}

.index_pro-swiper-container{width: 150%;padding-right: 50%; }
.index_pro_csd{ width: 18%; border-radius: 10px; overflow: hidden;}
.index_pro_csd.swiper-slide-active  { width: 43%!important; border-radius: 10px;}
.index_pro_tit{ color: #fff; width: 100%; float: left;}
.index_pro_img{font-size: 0;text-align: center; border-radius: 10px; position: relative;}
.index_pro_img img{ height: 100%; border-radius: 10px;}
.index_pro_csd.swiper-slide-active .index_pro_tit{width: 70%;}
.index_pro-swiper-container .content{position: absolute; bottom: 0; width: 100%; left: 0; padding: 35px 25px 50px;}
.index_pro_csd .index-pro-more{ display: none;}
.index_pro_csd.swiper-slide-active .index-pro-more{ display: block;}
.index_pro_csd .more{  padding: 15px 55px; color: #fff; border:1px solid #0656b1;background: #0656b1; }
@media only screen and (max-width:1600px) {
.index_pro_arr_lt{  left: -30px!important; }
}
@media only screen and (max-width:1300px) {
.index_pro-swiper-container{ height: 460px;}
.index_pro_csd.swiper-slide-active .index_pro_img img{ width: 100%; height: 100%; border-radius: 10px;}
}
@media only screen and (max-width:1200px) {
.index_pro-swiper-container{ height: 500px;}
.index_pro_csd.swiper-slide-active{ width: 50%!important; }
}
@media only screen and (max-width:1180px) {
.index_pro-swiper-container{ height: 470px;}
}
@media only screen and (max-width:1100px) {
.index_pro-swiper-container{ height: 450px;}
}
@media only screen and (max-width:1040px) {
.index_pro-swiper-container{ height: 420px;}
.index_pro-swiper-container .content{ padding: 25px 15px 30px;}
.index_pro_csd .index_pro_img img{ width:240%; height: 100%;}
.index_pro_arr_rt{width: 50px;height: 50px; } 
.index_pro_arr_lt{width: 50px;height:50px; }

}
@media only screen and (max-width:980px) {
.index_pro-swiper-container{ height: 400px;}
}
@media only screen and (max-width:930px) {
.index_pro-swiper-container{ height: 380px;}
}
@media only screen and (max-width:900px) {
.index_pro-swiper-container{ height: 360px;}
.index_pro_csd .index_pro_img img{ width:160%;}
}
@media only screen and (max-width:840px) {
.index_pro-swiper-container{ height: 340px;}
}
@media only screen and (max-width:780px) {
.index_pro-swiper-container{ height: 320px;}
.index_pro_arr_rt{width: 40px;height: 40px; } 
.index_pro_arr_lt{width: 40px;height:40px; }

}
@media only screen and (max-width:740px) {
.index_pro-swiper-container{ height: 300px;}
}
@media only screen and (max-width:699px) {
.index_pro_csd.swiper-slide-active{ width: 68%!important; }
.index_pro-swiper-container{ height: 380px;}
.index_pro_csd .index_pro_img img{ width:130%;}
}
@media only screen and (max-width:640px) {
.index_pro-swiper-container{ height: 350px;}
.index_pro_csd .more{  padding: 10px 45px; }
}
@media only screen and (max-width:600px) {
.index_pro_csd.swiper-slide-active .index_pro_tit{width:67%;}
.index_pro_csd.swiper-slide-active{ width: 75%!important; }
.index_pro_csd .more{  padding: 8px 25px; }
.index_pro_csd .index_pro_img img{ width:145%;}
.index_pro_arr_lt{  left: -10px!important; }
}
@media only screen and (max-width:500px) {
.index_pro-swiper-container{ height: 420px;}
.index_pro_csd.swiper-slide-active{ width: 100%!important; }
.index_pro_arr_lt{  left: -20px!important; }
.index_pro_arr{ top: 55%;}
}
@media only screen and (max-width:480px) {
.index_pro-swiper-container{ height: 400px;}

}    
@media only screen and (max-width:460px) {
.index_pro-swiper-container{ height: 370px;}
}    
@media only screen and (max-width:420px) {
.index_pro-swiper-container{ height: 340px;}
.index_pro_csd.swiper-slide-active .index_pro_tit{width:64%;}
.index_pro_arr_lt{  left: 0px!important; }
.index_pro_arr_rt{ right: 20px!important; }
.index_pro_arr{ top: 58%;}

}
@media only screen and (max-width:400px) {
.index_pro-swiper-container{ height: 320px;}

}
*/