/* index-banner */
.banner{overflow:hidden;position:relative;}
.banner_slide{width:100%;height:calc(100vh);overflow:hidden;z-index:9;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;left:13% !important;bottom:50px!important;z-index:9;}
.banner_sp span{display:inline-block;background:none;line-height:1;opacity:1;width:auto;height:auto;color:#fff;font-weight:bold;font-size:18px;margin:0px !important;padding:0px !important;margin-right:60px!important;}
.banner_sp span:last-child{margin-right:0px !important;}
.banner_sp span.swiper-pagination-bullet-active{position:relative;color:#d70c19;padding-right:100px!important;margin-right:0px !important;}
.banner_sp span.swiper-pagination-bullet-active:before{content:"";width:4px;height:16px;display:block;overflow:hidden;background-color:#d70c19;position:absolute;right:50px;top:1px;}
.banner .banner_prev{position:absolute;right:13%;bottom:50px;line-height:1;z-index:9;font-size:18px;text-transform:uppercase;color:#fff;font-weight:bold;}
.banner .banner_prev:before{content:"";width:30px;height:4px;display:block;overflow:hidden;background-color:#d70c19;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;*/ color:#fff}
.bss_01 p.p1{ font-size:66px;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:30px;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;}

/*
.banner .swiper-slide.swiper-slide-active .bss_01 p.p1{ animation: fadeInUp .8s ease-in-out both;animation-delay: 0.3s;}
.banner .swiper-slide.swiper-slide-active .bss_01 p.p2 a{ animation: fadeInUp .8s ease-in-out both;animation-delay: 0.4s;}
.banner .swiper-slide.swiper-slide-active .bss_01 p.p3{ animation: fadeInUp .8s ease-in-out both;animation-delay: 0.5s;}
*/
.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:60px; }
.bss_01 p.p3{ font-size:28px; margin-top:20px;}
.banner_sp{ left:10% !important; }
.banner .banner_prev{ right:11%;}
}
@media (max-width:1680px){
.banner_sp{ left:8% !important; }
.banner .banner_prev{ right:8%;}
}
@media (max-width:1600px){
.bss_01 p.p1{ font-size:58px; }
.banner_sp{ left:6% !important; }
.banner .banner_prev{ right:6%;}
}
@media (max-width:1580px){
.banner_sp{ left:5% !important; }
.banner .banner_prev{ right:5%;}
}
@media (max-width:1540px){
.banner_sp{ left:3% !important; }
.banner .banner_prev{ right:4%;}
}
@media (max-width:1500px){
.bss_01 p.p1{ font-size:54px; }
.bss_01 p.p3{ font-size:26px; margin-top:15px;}}
@media (max-width:1479px){
.banner_sp{ left:6% !important; }
.banner .banner_prev{ right:6%;}
}
@media (max-width:1440px){
.bss_01 p.p1{ font-size:48px; }
.banner_sp{ left:5% !important; }
.banner .banner_prev{ right:5%;}
}
@media (max-width:1400px){
.banner_sp{ left:3% !important; }
.banner .banner_prev{ right:4%;}
}
@media (max-width:1366px){
.bss_01 p.p1{ font-size:44px; }
.bss_01 p.p3{ font-size:22px; }
.banner_sp{ left:6% !important; }
.banner .banner_prev{ right:6%;}
.banner_sp span.swiper-pagination-bullet-active{ padding-right:80px!important; }
.banner_sp span.swiper-pagination-bullet-active:before{ right:40px; }
.banner_sp{ left:2% !important; }
.banner .banner_prev{ right:3%;}
}
@media (max-width:1360px){
.banner_sp{ left:5% !important; }
.banner .banner_prev{ right:5%;}
}
@media (max-width:1280px){
.bss_01 p.p1{ font-size:40px; }}
@media (max-width:1240px){
.banner_sp{ left:4% !important; }
.banner .banner_prev{ right:4%;}
}
@media (max-width:1200px){
.bss_01 p.p1{ font-size:36px; }
.bss_01 p.p3{ font-size:20px; }
.banner_sp span{ margin-right:30px!important;}
.banner_sp span.swiper-pagination-bullet-active{ padding-right:60px!important; }
.banner_sp span.swiper-pagination-bullet-active:before{ width:3px; right:30px; }
.banner_sp{ left:2% !important; bottom: 30px!important;}
.banner .banner_prev{ right:2%; bottom: 30px;}}  
@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; }
.bss_01 p.p2{display: none; }
 } 
@media (max-width:768px){
.bss_01 p.p1{ font-size:26px; }
.banner_sp span{ font-size:16px; margin-right:20px!important;}
.banner_sp span.swiper-pagination-bullet-active{ padding-right:40px!important; }
.banner_sp span.swiper-pagination-bullet-active:before{ right:20px; }
.banner .banner_prev:before{ width:25px; left:-40px; }
.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%;  }
.bss_01 p.p2{ display: none;}
}
@media (max-width:468px){
.bss_01 p.p1{ font-size:22px; line-height: 32px; }
.bss_01 p.p3{ font-size:16px; margin-top:10px;}
.banner_sp span{ font-size:15px; margin-right:15px!important;}
.banner_sp span.swiper-pagination-bullet-active{ padding-right:30px!important; }
.banner_sp span.swiper-pagination-bullet-active:before{ width:2px;height:14px; right:15px; }
.banner .banner_prev:before{ width:20px; height: 3px; left:-30px; }
.banner .banner_prev{ font-size:14px; }}
@media (max-width:368px){
	.bss_01 p.p1{ font-size:20px; }
.banner_sp span.swiper-pagination-bullet-active{ padding-right:15px!important; }
.banner_sp span.swiper-pagination-bullet-active:before{ width:0px;height:14px; right:0px; }}
.swiper-button-prev,
.swiper-button-next:focus{ outline:none;}


.index_about .boxLeft {width: 46%; float: left; text-align: justify;}
.index_about .boxLeft .content { margin-top: 30px;}
.index_about .boxLeft .content p{ line-height: 34px; color: #666; font-size: 16px;}
.index_about .boxRight {width: 48%; float: right;}
.index_about .boxRight img {width: 100%;transition: 0.4s; max-width: 100%;}

@media (max-width:1366px){
.index_about .boxLeft .content { margin-top: 20px;}
.index_about .boxLeft .content p{ line-height: 32px; }
}
@media (max-width:1199px){
.index_about .boxLeft .content { margin-top: 15px;}
.index_about .boxLeft .content p{ line-height: 30px; }
}
@media (max-width:992px) {
.index_about .boxLeft{width: 100%; float: none; }
.index_about .boxLeft .content p{ color: #666; font-size: 16px;}
.index_about .boxRight {width: 100%; float: none; }
} 
@media (max-width:492px) {
.index_about .boxLeft{ padding-bottom: 20px;}
}
.index_products.page_section { padding-bottom: 0px;}
.index_products{ background:#f2f7fb url(../images/index_products_bg.jpg) no-repeat center bottom; background-size: cover;}
.index_products .more{ float: right;}
.index_products_left { width: 27%; float: left; margin-right: 3%;}
.index_products_left ul { background: #e6eff5;}
.index_products_left ul li { line-height: 40px; padding: 45px 0; text-align: left; padding-left: 40%;}
.index_products_left ul li span{ color: #cc0000; margin-right: 5px;}
.index_products_left ul li:hover { background: #bfd2de;} 

.index_products_right { width: 70%; float: left;}
.index_products_right .pro_list{ padding-bottom: 80px;}
.index_products_right .pro_list ul li {  height: auto;  margin-bottom: 20px; transition: 0.5s; } 
.index_products_right .pro_list ul li a {width: 100%;height: auto;display: block; overflow: hidden;}    
.index_products_right .pro_list ul li a .pic {width: 100%;height: auto;overflow: hidden; position: relative;}     
.index_products_right .pro_list ul li a .pic .img {max-width: 100%;transition: 1s; }      
.index_products_right .pro_list ul li a .pic .img1 {  position:absolute; top:0px; left:0px; width:100%; height: 100%;  opacity:0; background:rgba(16,74,146,.6); transition:all 0.5s ease;}  
.index_products_right .pro_list ul li a .pic .img1 img{ width: auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; text-align:center; font-size:1rem;  }
.index_products_right .pro_list ul li a:hover .pic .img1 { opacity:1;}
.index_products_right .pro_list ul li a .title { padding: 10px 15px 30px; }
.index_products_right .pro_list ul li a .t1 {font-size: 18px;line-height: 50px;color: #333;text-align: center;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.index_products_right .pro_list ul li a:hover .title{ color: #104a92;text-align: center; }
.index_products_right .pro_list ul li:hover a .t1 {color: #104a92; } 
.index_products_right .pro_list ul li a .pic:hover .img {transform: scale(1.1);transition-duration: 1s; }   
.index_products_right .pro_list .pro-swiper {padding-bottom: 80px;}
.index_products_right .pro_list .pro-progressbar {top:auto!important;right: auto;left: 180px; bottom: 20px;background: #e5e5e5;width:60%!important;height: 2px!important;}
.index_products_right .pro_list .pro-progressbar .swiper-pagination-progressbar-fill {background: #cc0000!important;height: 2px!important;}
.index_products_right .pro_list .pro-next,.index_products_right .pro_list .pro-prev { left:0;top: auto;bottom: 0;right: auto;  width: 50px;height: 50px;opacity: 1;z-index: 20;}
.index_products_right .pro_list .pro-next::after,.index_products_right .pro_list .pro-prev::after {display: none;}
.index_products_right .pro_list .pro-prev { border:1px solid #666;width: 50px;height: 50px; border-radius: 100%; background: url('../images/1901.png') center no-repeat;}
.index_products_right .pro_list .pro-next {  left:80px;border:1px solid #666;width: 50px;height: 50px; border-radius: 100%; background: url('../images/1902.png') center no-repeat;}
.index_products_right .pro_list .pro-swiper-num {position: absolute;right: 18%;bottom:5px;font-size: 20px; color: #cc0000; }
.index_products_right .pro_list .pro-swiper-num strong{ color: #cc0000;letter-spacing: 2px; font-weight: bold;font-size: 26px;}
.index_products_right .pro_list .pro-swiper-num span{color: #333;}
.index_products_right .pro_list .swiper-container-horizontal>.swiper-scrollbar {left: 0px;}
.index_products_right .pro_list .pro-progressbar .swiper-scrollbar-drag{height:5rem;position:relative;top:-2rem;border-radius:0;background-color:#222}
@media screen and (max-width:1780px){
.index_products_left ul li { padding-left: 30%;}
}
@media screen and (max-width:1680px){
.index_products_left ul li { padding-left: 22%;}
.index_products_right .pro_list .pro-swiper-num { right: 14%; }
}
@media screen and (max-width:1580px){
.index_products_left ul li { padding-left: 15%;}
.index_products_right .pro_list .pro-swiper-num { right: 10%; }
}
@media screen and (max-width:1480px){
.index_products_left ul li { padding-left: 22%;}
.index_products_right .pro_list .pro-swiper-num { right: 14%; }
}
@media screen and (max-width:1400px){
.index_products_left ul li { padding-left: 15%;}
.index_products_right .pro_list .pro-swiper-num { right: 12%; }
}
@media screen and (max-width:1300px){
.index_products_left ul li { padding-top: 30px; padding-bottom: 30px;}
.index_products_right .pro_list .pro-swiper-num { right: 10%; }
.index_products_right .pro_list .pro-progressbar { left: 160px; width:58%!important; }
}
@media screen and (max-width:1280px){
.index_products_right .pro_list .pro-progressbar { left: 150px; }
.index_products_left ul li { padding-top: 25px; padding-bottom: 25px;}
}
@media screen and (max-width:1180px){
.index_products_left ul li { padding-left: 23%;}
.index_products_left ul li { padding-top: 20px; padding-bottom: 20px;}
}
@media screen and (max-width:992px){
.index_products_right .pro_list{ width: 94%; margin: 0 auto; padding-bottom: 40px;}
}
@media screen and (max-width:768px){
.index_products .more{ float: left;}
.index_products_right .pro_list .pro-progressbar { display: none;}
.index_products_left { width:0; float: none; margin-right:0px; display: none;}
.index_products_right .pro_list .pro-swiper-num { display: none; font-size: 22px; }
.index_products_right { width:100%; float: none;}
}
@media screen and (max-width:568px){
.index_products_left ul li { padding-top: 15px; padding-bottom: 15px;}
.index_products_right .pro_list .pro-swiper {padding-bottom: 50px;}
}
@media (max-width: 1440px) {
.index_products_right .pro_list ul li a .t1 {font-size: 22px;line-height: 42px;}
}
@media (max-width: 1366px) {
.index_products_right .pro_list ul li a .t1 {font-size: 20px;line-height: 38px;}
.index_products_right .pro_list ul li a .desc{line-height: 28px;}
}
@media (max-width: 1280px) {
.index_products_right .pro_list ul li a .t1 {font-size: 18px; line-height: 34px;}
.index_products_right .pro_list ul li a .desc{line-height: 26px;}
}
@media (max-width: 1200px) {
.index_products_right .pro_list ul li a .t1 {font-size: 17px; line-height: 30px;}
.index_products_right .pro_list ul li a .title {padding: 10px 5px 20px; }
}
@media (max-width:768px){
.index_products_right .pro_list ul li { margin-bottom: 15px; } 
.index_products_right .pro_list ul li a .t1 {font-size: 16px;line-height:26px; text-align: left;}
}

.idxProUl { margin-top:40px; width: 100%; height: 520px; z-index: 2;}
.idxProUl li{ width: 13.5%; height: 520px; margin-right: 1.3%; float: left; position: relative;}
.idxProUl li:first-child{ margin-top: 30px;}
.idxProUl li:nth-child(2){ margin-top: 70px;}
.idxProUl li:last-child{margin-top: 50px; margin-right: 0;}
.idxProUl li .idxProImg{ height: 100%; width: 100%; position: absolute; top: 0; object-fit: cover; z-index: 1; }
.idxProUl li:before{ z-index: 2; width: 100%; height: 100%; display: block; content: ''; position: absolute; top: 0; left: 0;/* background-image: linear-gradient(to top,rgba(0,60,153,1),rgba(0,60,153,.1));*/}
.idxProUl li .text{ position: absolute; left: 0; top: 0; z-index: 3; bottom: 0;right: 0; padding: 40px;}
.idxProUl li .title{ color: #fff;}
.idxProUl li .more1{ display: none;/* animation: topFloat 1s; -webkit-animation: topFloat 1s; */}
.idxProUl li .top{ padding-top: 150px; text-align: center; }
.idxProUl li.on{ width: 55%; }
.idxProUl li.on .text{ padding: 80px;}
.idxProUl li.on .top{ padding-top: 0; text-align: left; }
.idxProUl li.on .more1{ display: block;}
@media screen and (max-width:1440px) { 
.idxProUl li{height: 480px;}
.idxProUl li .text{  padding: 20px;}
}
@media screen and (max-width:1280px) { 
.idxProUl li{height: 420px;}
.idxProUl li.on .text{ padding: 60px;}
}
@media screen and (max-width:1200px) { 
.idxProUl li{height: 380px;}
.idxProUl li.on .text{ padding: 50px;}
.idxProUl li .top{ padding-top: 120px; }
}
@media screen and (max-width:992px) { 
.idxProUl li{height: 340px;}
.idxProUl li .text{  padding: 10px;}
.idxProUl li.on .text{ padding: 40px;}
.idxProUl li .top{ padding-top: 100px; }
}
@media screen and (max-width: 750px){   
.idxProUl{ margin-top:0px; flex-wrap: wrap;}
.idxProUl li{ width: 100%; margin-right: 0%;} 
.idxProUl li.on{ width:100%; }
.idxProUl li + li{ margin-top: 15px;}
.idxProUl li .top{ padding-top: 40px;}
.idxProUl li{ height: 200px;}
.idxProUl li .idxProImg{ width: 100%;}
.idxProIcon{ max-width: 30px; max-height: 30px;  }
.idxProUl li .title{font-size: 20px;}
.idxProUl li:first-child{ margin-top: 20px;}
.idxProUl li:nth-child(2){ margin-top: 20px;}
.idxProUl li:last-child{margin-top: 20px; margin-right: 0;}
.idxProUl li.on .more1{ display: none;}
.idxProUl li.on .top{ padding-top: 0; text-align: center; }

}

.index_service {background: url("../images/index_service_bg.jpg") center bottom no-repeat;background-size: cover;}
.index_service .pagetit .tit{  color: #fff;  }
.index_service .content {color: #fff; font-size: 16px;line-height: 32px; width: 80%; }
.index_service .list li { height: 320px;}
.index_service .list li .com{ height: 320px; text-align: center; position: relative; }
.index_service .list li .bg {position: absolute;left: 0;right: 0;top: 30px;bottom: 30px; border: #fff solid 1px;box-shadow: 0 0 3px rgba(76, 195, 255, 0.8);-webkit-box-shadow: 0 0 0.3rem rgba(76, 195, 255, 0.8);-moz-box-shadow: 0 0 0.3rem rgba(76, 195, 255, 0.8); }
.index_service .list li .bg:before {content: "";display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url("../images/bg10.png") center bottom repeat-x;background-size: auto 100%;opacity: 0; }
.index_service .list li .bg i {display: block;position: absolute;width: .21rem;height: .21rem; }
.index_service .list li .bg i.l-t {left: -2px;top: -2px;border-left: #fff solid 3px;border-top: #fff solid 3px; }
.index_service .list li .bg i.r-t {right: -2px;top: -2px;border-right: #fff solid 3px;border-top: #fff solid 3px; }
.index_service .list li .bg i.l-b {left: -2px;bottom: -2px;border-left: #fff solid 3px;border-bottom: #fff solid 3px; }
.index_service .list li .bg i.r-b {right: -2px;bottom: -2px;border-right: #fff solid 3px;border-bottom: #fff solid 3px; }
.index_service .list li .ico { padding-top: 70px; z-index: 8; position: relative;}
.index_service .list li .name { line-height:30px; color: #fff; padding-top: 20px; z-index: 8; position: relative;}
.index_service .list li .msg { padding: 15px 28px 28px 28px;font-size: 16px; color: #fff; text-transform: uppercase; line-height: 30px; z-index: 8; position: relative;}
.index_service .list li:hover .bg {top: 0;bottom: 0; }
.index_service .list li:hover .bg:before {opacity: 1; }
@media screen and (max-width: 768px){   
.index_service .list li { height:260px;}
.index_service .list li .msg { padding: 5px 8px 8px 8px;font-size: 12px; line-height: 22px; }
.index_service .list li .com{ height: 280px; }
.index_service .list li .name { padding-top: 10px; }
.index_service .list li .ico { padding-top: 50px; }
.index_service .content { line-height: 30px; width: 100%; }

}

/*news*/
.index-news{ background: #fff!important;}
.index-news-list ul{list-style: none;padding-left: 0;}
.index-news-list .index-news-item a{display:block;background: #FFF; }
.index-news-list .index-news-item a .news-data {font-size: 16px;font-weight: normal;color:#999;line-height: 30px; }
.index-news-list .index-news-item a .title{padding: 15px 0px 40px; }
.index-news-list .index-news-item a h3{color:#333;font-size:18px;padding: 5px 0px; line-height: 32px;}
.index-news-list .index-news-item a p{color:#666;font-size: 16px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.index-news-list .index-news-item a .news-thumb{position: relative;overflow: hidden;}
.index-news-list .index-news-item a .news-thumb img{height:inherit;width: 100%;background: #CCC;transition: all .5s ease;transform:scale(1);}
.index-news-list .index-news-item a:hover .news-thumb img{transform: scale(1.2);}
.index-news-list .index-news-item a:hover h3{ color:#cc0000;}
.index-news-list .index-news-item a:hover p.more{color:#cc0000;}
.index-news-list .index-news-item a:hover p.more i.fa{color:#cc0000;}
.index-news .i_news_r_box li { width: 100%;border-top: 1px dotted #dcdcdc; display:inline-block; background: #fff; padding: 10px 0;}
.index-news .i_news_r_box { border-bottom: 1px dotted #dcdcdc; }
.index-news .i_news_r .news_list_box ._r_news_time {width: 20%; padding:15px 0 20px; color:#cc0000; float: left;}
.index-news .i_news_r .news_list_box ._r_news_time span {display: block;width: 80%;margin: 0 auto}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size:46px; font-weight: bold; line-height: 36px;margin-top:13%;margin-bottom: 10px; text-align: center;}
.index-news .i_news_r .news_list_box ._r_news_time span._month {font-size:18px;text-align: center;line-height: 26px}
.index-news .i_news_r .news_list_box ._r_news_main {width: 80%; padding:11px 0; float: left;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 0px 0px 0px 25px}
.index-news .i_news_r .news_list_box ._r_news_main .date{ display: none;}
.index-news .i_news_r ._r_news_title {font-size: 18px;color: #333;white-space: nowrap;text-overflow: ellipsis; margin-bottom: 18px; }
.index-news .i_news_r ._r_news_text {font-size: 16px;color: #666666;line-height: 30px; overflow: hidden; text-overflow: ellipsis;  display: box;  display: -webkit-box;  -webkit-line-clamp: 2;  /*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.index-news .i_news_r_box li:hover .news_list_box {border-color: #cc0000}
.index-news .i_news_r_box li:hover ._r_news_title{color: #cc0000}
@media (max-width: 1500px) {
.index-news .i_news_r .news_list_box ._r_news_main { padding:10px 0 0px; }
.index-news .i_news_r ._r_news_title { margin-bottom: 17px; }
}
@media (max-width: 1466px) {
.index-news .i_news_r ._r_news_title { margin-bottom: 12px; }
}
@media (max-width: 1366px) {
.index-news .i_news_r_box li { padding: 10px 0;}
.index-news .i_news_r ._r_news_title { margin-bottom: 10px; }
.index-news .i_news_r .news_list_box ._r_news_time {padding:10px 0 0px; }
}
@media (max-width: 1285px) {
.index-news .i_news_r .news_list_box ._r_news_main {padding:6px 0;}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size:36px;}
.index-news .i_news_r .news_list_box ._r_news_time span { width: 100%; }
}
@media (max-width: 1280px) {
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 5px 15px 5px 10px}
.index-news .i_news_r .news_list_box ._r_news_time {width: 18%;padding: 15px 0 15px;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 82%;}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size:36px;}
}
@media (max-width: 1024px) {
.index-news .i_news_r .news_list_box ._r_news_time {width: 22%;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 77%;}
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size: 26px; margin-bottom: 10px;}
.index-news_lt_row li ._down ._tt a{ font-size:18px;}
.index-news .i_news_r ._r_news_title {font-size: 18px; margin-bottom: 6px;}
.index-news .i_news_r .news_list_box ._r_news_time span._month {font-size:16px;}
}
@media (max-width: 992px) {
.index-news .i_news_r .news_list_box ._r_news_time { padding: 10px 0 10px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 3px 10px 3px 10px;}
.index-news_lt_row li ._down ._tt a{ font-size:17px;}
.index-news .i_news_r ._r_news_title {font-size: 17px;}
}
@media (max-width: 768px) {
.index-news .i_news_r ._r_news_title:before{ left: -16px; } 
.index-news .i_news_r .news_list_box ._r_news_time {  padding:5px 0 30px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding: 5px 0px 0px 10px}
.index-news_lt_row li ._down ._tt a{ font-size:16px;}
.index-news .i_news_r ._r_news_text {height: 50px; line-height: 24px; overflow: hidden}
}
@media (max-width: 568px) {
.index-news-list .index-news-item a .title{padding: 5px 0px 30px; }
.index-news .i_news_r .news_list_box ._r_news_time {width:0px; display: none;}
.index-news .i_news_r { margin-top: 20px;}
.index-news .i_news_r .news_list_box ._r_news_main .date{ display: block;}
.index-news .i_news_r .news_list_box ._r_news_main {width: 100%}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:5px 10px 0px 10px}
.index-news_lt_row li ._down { padding:3% 10px; }
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size: 22px; }
.index-news .i_news_r .news_list_box ._r_news_time span._month {font-size: 18px; line-height: 26px; }
.index-news .i_news_r ._r_news_title { line-height: 32px;}
.index-news-list .index-news-item a{margin-bottom:0px;}
.index-news .i_news_r ._r_news_title:before{ left: -12px; } 
}
@media (max-width: 425px) {
.index-news .i_news_r ._r_news_title:before{ left: -10px; } 
.index-news_lt_row li ._down ._desc{margin-top: 7px;}
.index-news .i_news_r ._r_news_title:before{ top:0px; height: 24px; width: 1px;} 
}
@media (max-width: 375px) {
.index-news .i_news_r ._r_news_title:before{ left: -14px; height: 26px;} 
.index-news .i_news_r .news_list_box ._r_news_time span._day {font-size: 20px; margin-bottom: 8px;}
.index-news .i_news_r .news_list_box ._r_news_main .r_news_main_box {padding:0px 5px 0px 5px}
}


.p-banner {background: center no-repeat;background-size: cover;height:560px;text-align: left; margin-top: 100px; 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: 2px 1px 0px rgba(0, 0, 0, .175);}
.p-banner .en{font-size: 24px;color: #fff; text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.47);}
.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');}
.service-banner { background-image: url('../images/servicebanner.jpg');}
.contact-banner { background-image: url('../images/contactbanner.jpg');}
.page_nav{height: 90px;line-height: 90px; background: #f8f8f8; border-bottom: 1px solid #e5e5e5;}
/*
.page_nav.page_nav_pro .crumb{float: left!important;}
.page_nav .box-container {width: 15.36rem;margin: 0 auto;}
.page_nav .r_sec{ margin: 0 auto; text-align: center;}
.page_nav .r_sec li{ float:left; font-size:18px; font-weight: bold; text-align: center; padding:0 35px; margin-right: 1px;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#cc0000;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:0px 8px 0; font-size:15px;}
.page_nav a:hover{color:#f28816;}
.page_nav .r_sec li.bg_blue:hover,
.page_nav .r_sec li.bg_blue.cur{background-color:#386cae;}

*/
.box-container-fluid {width: 100%;margin: 0 auto;}
.box-container { margin: 0 auto;}
.page-nav-wrapper {position: relative;z-index: 1;}
.page-nav-wrapper:before {content: "";width: 100%;height: 1px;background-color: #e6e6e6;position: absolute;left: 0;bottom: 0;z-index: 0;}  .page-nav-wrapper .intruction-caption {display: none;}
.page-nav-wrapper .page-nav-box {overflow: hidden;}
.page-nav-wrapper .icon {position: relative;width: 0.33rem;height: 0.33rem;margin: 0 auto;}
.page-nav-wrapper .icon img {position: absolute;left: 0;top: 0;z-index: 10;transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;}
.page-nav-wrapper .icon .on {transform: scale(1.3);-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);opacity: 0;visibility: hidden;}
.page-nav-wrapper .navs { font-size: 16px; text-align: center;}
.page-nav-wrapper .navs > a {position: relative;display: inline-block; color: #333; line-height: 89px; padding-left: 30px; padding-right: 30px; transition: color 0.3s ease;-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;-ms-transition: color 0.3s ease;-o-transition: color 0.3s ease;}
.page-nav-wrapper .navs > a:before {content: "";width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 1;transform: scale(0);-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);background-color: #cc0000;transition: transform 0.3s ease;-webkit-transition: transform 0.3s ease;-moz-transition: transform 0.3s ease;-ms-transition: transform 0.3s ease;-o-transition: transform 0.3s ease;}
.page-nav-wrapper .navs > a.on,.page-nav-wrapper .navs > a:hover {color: #cc0000; }
.page-nav-wrapper .navs > a.on:before,.page-nav-wrapper .navs > a:hover:before {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.page-nav-wrapper .navs > a.on .icon .init,.page-nav-wrapper .navs > a:hover .icon .init {transform: scale(0.8);-webkit-transform: scale(0.8);-moz-transform: scale(0.8);-ms-transform: scale(0.8);-o-transform: scale(0.8);opacity: 1;visibility: hidden;}
.page-nav-wrapper .navs > a.on .icon .on,.page-nav-wrapper .navs > a:hover .icon .on {transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);opacity: 1;visibility: visible;}

@media screen and (max-width: 1024px) {
.page-nav-wrapper {position: relative;z-index: 20;padding: 0;height: auto;margin-top: 0;}
.page-nav-wrapper .box-container {height: auto;padding: 0;}
.page-nav-wrapper .page-nav-box {padding-right: 0;}
.page-nav-box {width: 100%;background: #f4f4f4;}
.page-nav-box .icon {display: none;}
.page-nav-box .w1200 {position: relative;height: auto;padding: 0;}
.page-nav-box .intruction-caption {position: relative;display: block;line-height: 44px;padding: 0 15px;background: #cc0000;color: #fff;}
.page-nav-box .intruction-caption.extend:after {transform: rotateX(180deg);}
.page-nav-box .intruction-caption:after {display: inline-block;position: absolute;right: 15px;top: 0;z-index: 10;content: "";width: 13px;height: 100%;background: url(../img/down.png) no-repeat center center;background-size: contain;}
.page-nav-box .nav {position: absolute;left: 0;top: 100%;z-index: 10;width: 100%;background: #f7f8f9;display: none;box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);}
.page-nav-box .nav a {display: block;width: 100%;text-align: left;line-height: 42px;padding: 0 15px;border-top: 1px solid #f2f2f2;height: auto;max-width: inherit;min-width: inherit;}
.page-nav-box .nav a:first-child {border-top: none;}
.page-nav-box .nav > a.on,.page-nav-box .nav > a:hover {background: none;}
.page-nav-box .nav > a:before {display: none;}
}

@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;}
 }
@media (max-width: 1280px){
.p-banner {height: 420px; padding-top: 18%;}
}   
@media (max-width: 1240px){
.p-banner {height: 400px;  }}
@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');}
.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; }
 }  
@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;}

}
@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');}
.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;}
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
 }
@media (max-width: 728px){
.p-banner {height: 435px; }}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.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; }}
@media (max-width:480px){
.p-banner {height: 290px; }
.p-banner .en{ line-height: 28px; display: none;}}
@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 .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; 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:#f28816; 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; }}

.page_about { background: url(../images/about.png) no-repeat right bottom;}
.page_about .boxLeft {width: 48%; float: left; text-align: justify;}
.page_about .boxLeft .tit{ line-height: 40px; font-weight: bold; color: #333333;  } 
.page_about .boxLeft .content { margin-top: 30px;}
.page_about .boxLeft .content p{ line-height: 34px; color: #666; font-size: 16px;}
.page_about .boxRight {width: 48%; float: right;}
.page_about .boxRight img {width: 100%;transition: 0.4s; max-width: 100%;}
@media (max-width:1366px){
.page_about .boxLeft .content { margin-top: 20px;}
.page_about .boxLeft .content p{ line-height: 32px; }
}
@media (max-width:1280px){
.page_about .boxLeft .tit{line-height: 35px; } 
}
@media (max-width:1199px){
.page_about .boxLeft .content { margin-top: 15px;}
.page_about .boxLeft .content p{ line-height: 30px; }
}
@media (max-width:1024px){
.page_about .about-lists .about-img { width: 62px; height: 62px; }
.page_about .about-lists .about-txt { font-size: 16px;}
}
@media (max-width:992px) {
.page_about { background: url(../images/about1.png) no-repeat right bottom;}
.page_about .boxLeft{width: 100%; float: none; padding-bottom: 100px;}
.page_about .boxLeft .content p{ color: #666; font-size: 16px;}
.page_about .boxRight {width: 100%; float: none; display: none;}
.page_about .boxLeft .tit{line-height: 40px; } 
} 
@media (max-width:868px) {
.page_about .boxLeft .tit{line-height: 38px; } 
}
@media (max-width:592px) {
.page_about { background-size: 100% auto;}}
@media (max-width:492px) {
.page_about .boxLeft{ padding-bottom: 70px;}
.page_about .boxLeft .tit{line-height: 36px; } 
}
@media (max-width:452px) {
.page_about .boxLeft .tit{line-height: 34px; } 
.page_about .about-lists .about-img { width: 38px; height: 34px;margin-right: 5px;}
 }