@charset "utf-8";
/* CSS Document */

.banner{width: 100%;}
.banner img{width: 100%;}
.banner .swiper-pagination-bullet { width: 46px; height: 7px; display: inline-block; border-radius: 10px;}
.banner .swiper-pagination-bullet-active { background: #c8181e;}
.banner .swiper-button-prev { background:url(../images/in-banj1.png) center center no-repeat;}
.banner .swiper-button-next{ background:url(../images/in-banj2.png) center center no-repeat;}

.head-tit-box{ text-align:center;}
.head-tit{ font-size:35px;font-weight: bold;color: #333; text-align:center; }
.head-tit:after { content: ""; display: block; width: 70px; height:3px;background-color: #f00001;margin:12px auto;}
.head-tit-box p{font-size: 15px; color: #666;line-height: 1.6;}


/*************为什么选择我们**************/
.why_bg{ width:100%;overflow:hidden; padding:90px 0px 80px;background: #fff;}
.why_box{ text-align:center;margin-top:40px;}

.why_box .swiper-slide{ position:relative;}
.why_box .why_img{ width:100%;}
.why_box .why_img img{ max-width:100%;transition: all 0.4s linear;}
.why_box .why_tit{ text-align: center; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;font-size: 24px; line-height: 1;color: #333;margin: 30px 0 10px;}
.why_box .why_info{font-size: 14px;line-height: 1.6;color: #666;text-align: center;}


/**************产品***************/
.pro_bg{ width:100%;overflow:hidden; padding:60px 0px 40px;background: #f6f6f6;}
.pro_box{margin-top:40px;}
.pro_box .swiper-slide{ position:relative;}
.pro_box .simk { overflow:hidden; position:relative;}
.pro_box .simk img{ width:100%;transition: all 0.4s linear;}
.pro_box .simk span{position: absolute; width: 100%;height: 100%; color:#fff;background: rgba(0,0,0,0.6);z-index: 99; top: 100%; left: 0px; padding: 20px;transition: all 0.3s;}

.pro_box .si_bg{ position:absolute; left:0; top:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.25);}
.pro_box p{line-height:50px;font-size: 19px;position: absolute;bottom: 10px;left: 10px;color: #fff;font-weight: bold;}
.proTitle {font-size: 16px; line-height: 1.6;color: #333; overflow: hidden;text-overflow: ellipsis;position: relative; white-space: nowrap; width: 100%;text-align: center;transition: all 0.5s;z-index: 1;margin-top: 10px;}
.proView {width: 130px; height: 42px;line-height: 40px; text-align: center; background: #e6e6e6; border: 1px solid #dbdbdb;  transition: all 0.4s; color: #e21f2f; margin: 10px auto 0; border-radius: 40px;}

.pro_box .swiper-slide:hover .simk span{top:0;}
.pro_box .swiper-slide:hover .proView { color: #fff; background: #e21f2f;border: 1px solid #e21f2f;}
.pro_box .swiper-slide:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}

/*.pro_box .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 2px;}
.pro_box .swiper-pagination-bullet-active { background: #c8181e;}
.pro_box  .swiper-button-next, .pro_box  .swiper-button-prev {top: 40%;}

*/



/********关于我们部分************/
.about_bg{ width:100%;overflow:hidden;background: #fff; padding:60px 0px;}

.about_bg .about_box{ width:45%; margin-top:5%;}
.about_bg .about_box  h3{ font-size:36px;color: #333;}
.about_bg .about_box  h3:after { content: ""; display: block; width: 70px; height:2px;background-color: #f00001;margin:12px 0px;}
.about_bg .about_box .info{ margin-top:40px;}
.about_bg .about_box .info p{ line-height:1.9; text-indent:2rem;font-size:15px;}
.about_bg .about_box a{ margin-top:8%;display:inline-block; text-align:center;font-size:15px;color:#fff; background:#e21f2f; border-radius:25px; width:160px; height:50px; line-height:50px;}

.about_bg .fr{ width:50%; overflow:hidden;}
.about_bg .fr img{ width:100%;transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;}
.about_bg .fr:hover img{ -ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}

.about_bg .fr .swiper-pagination { bottom: 0px !important; width: 40%; background: rgba(226,31,47,0.8); padding: 20px 0;right: 0;left: auto;}
.about_bg .fr .swiper-pagination-bullet { width: 25px;height: 20px;display: inline-block; border-radius: 0; background: none; overflow: hidden; position: relative;color: #fff;  font-size: 18px;text-align: left;}	
.about_bg .fr .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35%;}
.about_bg .fr .swiper-pagination-bullet.swiper-pagination-bullet-active::after { width: 74%;height: 1px;background: #ffffff;content: ''; position: absolute;top: 12px;right: 0px;}

/************案例展示************/
.case_bg{ width:100%;overflow:hidden; padding:60px 0px 90px;background:#fff;}

.case_box{margin-top:40px;}
.case_box .swiper-slide:before{ content:""; width:100%; height:100%; background:rgba(226,31,47,0.9); position:absolute; left:0; top:0; z-index:0; transform:perspective(300px) rotateY(90deg); transform-origin:left; transition:all 0.4s; } 
.case_box .cate-pic-boxn{ display:block; width:100%; margin:0 auto; } 
.case_box .cate-pic-boxn img{ display:block; width:100%; margin:0 auto; } 
.case_box .content-box{ position:absolute; width:100%; height:100%; left:0; bottom:0; display:flex; align-items:center; justify-content:center; padding:20px 40px; background:linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent); transition:all 0.6s; } 
.case_box .content-box h2{ width:100%; text-align:center; font-size:24px; color:#fff; position:absolute; left:0; bottom:20px; font-family:sy-n; transition:all 0.6s; } 
.case_box .title{ text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:24px; color:#fff; margin-bottom:16px; transform:translateX(-110%); transition:all 0.6s; transition-delay:0.2s; opacity:0; font-family:sy-n; } 
.case_box .summary{ font-size:14px; color:#ffffff; line-height:1.6; transform:translateX(-110%); transition:all 0.6s; transition-delay:0.3s; opacity:0; tex-align:justify; } 

.case_box .swiper-slide:hover:before{ transform:perspective(300px) rotateY(0deg); } 
.case_box .swiper-slide:hover .title{ transform:translateX(0); opacity:1; } 
.case_box .swiper-slide:hover .summary{ transform:translateX(0); opacity:1; } 
.case_box .swiper-slide:hover .content-box h2{ left:100%; opacity:0; } 
.case_box .swiper-slide:hover .content-box{ background:linear-gradient(0deg, rgba(0, 0, 0, 0.1), transparent); } 



/*************新闻**************/
.news_bg{ width:100%;overflow:hidden; padding:60px 0px 90px;background: #fff;}
.news_bg .head-tit{ background:url(../images/news_tit_bg.jpg) top center no-repeat;}

.news_box{margin-top:40px;padding: 10px;padding-bottom:40px; }
.news_box .swiper-slide{ margin: 10px 0px;}
.news_box .swiper-slide a{ display:block;padding: 10px; background: #fff;border-radius: 2px; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);}
.news_box .swiper-slide .icon{ width:100%; overflow:hidden; position:relative;}
.news_box .swiper-slide .icon img{width:100%;transition: all .3s linear;}
.news_box .swiper-slide .icon .data{position: absolute;right: 0px; top: 0px; color: #999; font-size:35px; padding:10px 15px;opacity: 0.5;transition: all 0.3s;z-index: 99;}

.news_box .swiper-slide .content{position: relative; padding:20px 10px; transition: all .3s linear;}
.news_box .swiper-slide .content .title{font-size: 18px;color: #333;line-height:1.5;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_box .swiper-slide .content .desc{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;color: #666; line-height:1.8;font-size: 14px; margin: 10px 0 20px;transition: all 0.4s;}
.news_box .swiper-slide .content .more{font-size: 14px; color: #333333;transition: all 0.4s; bordeR: 1px solid #e5e5e5; width: 120px;height: 42px;text-align: center; border-radius: 40px;line-height: 40px;background: #fff;}
.news_box .swiper-slide:hover .content .more{color: #fff; border-color: #e21f2f;background: #e21f2f;}
.news_box .swiper-slide:hover .content .title{ color:#e21f2f;}
.news_box .swiper-slide:hover .icon .data{ background:#e21f2f; font-size:36px; padding:10px 20px; opacity:1; color:#fff; } 

.news_box .swiper-pagination-bullet { width:12px; height:12px; display: inline-block; border-radius: 10px;}
.news_box .swiper-pagination-bullet-active { background: #c8181e;}