@charset "utf-8";
/* CSS Document */
/* banner */
.banner { overflow: hidden; background: #000000;}
.banner .swiper-button-next,.banner .swiper-button-prev {margin-top:0.2vw;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after {color: #FFFFFF; font-size: 40px;}
.banner .swiper-pagination-bullet {opacity: 1; width: 15px; height: 8px; background: #FFFFFF; border-radius: 4px;transition: all 0.5s;}
.banner .swiper-pagination-bullet-active {width: 30px; background: #d41f30;transition: all 0.5s;}
.banner video { width: 100%; height: auto; object-fit: cover;}

/* 产品展示 */
.index-t {font-size: 30px;  font-weight: bold; position: relative;}
.index-t img {display: inline-block; margin-bottom: 5px; max-width: 215px;}
.index-t a {position: absolute; right: 0; top: 10px; font-size: 14px; font-weight: normal;}
.product-bg {background: url(../img/index-bg1.jpg) no-repeat; background-size: cover; padding: 30px 0;}
.pro-tab.nav-tabs {border: none; text-align: center; width: 100%; margin-top: 10px;}
.pro-tab.nav-tabs>li {float: none; display: inline-block; margin-bottom: 0; margin: 10px 5px 0;}
.pro-tab.nav-tabs>li>a {background: #FFFFFF; padding: 8px 15px; font-size: 18px; border-radius: 5px;}
.pro-tab.nav-tabs>li.active>a {background: #d41f30; color: #FFFFFF}
.pro-tab.nav-tabs>li a:hover ,.nav-tabs>li.active>a:hover{background: #d41f30; color: #FFFFFF}
.index-pro {margin-top: 20px;}
.index-pro li {padding:1px;}
.index-pro li a {display: block;}
.index-pro li a p {position: absolute; top: 15px; left: 15px; font-size: 18px;}
.index-pro li a p::after {content: ""; position: absolute; width: 40px; height: 2px; background: #d80607; left: 0; bottom: -10px;}
.index-pro  img {width: 100%;}

/* 案例展示 */
.index-case {padding-bottom: 50px;}
.index-case .swiper-pagination-bullet {opacity: 1; width: 50px; height: 3px; background: #e6e6e6; border-radius: 4px;transition: all 0.5s;}
.index-case .swiper-pagination-bullet-active { background: #d41f30;transition: all 0.5s;}
.index-case img {width: 100%;}
/*.index-case p {text-align: center; font-size: 16px; margin-top: 10px;}*/
.index-case p {text-align: center; font-size: 16px; margin-top: 18px; word-wrap:break-word;}

/* 优势 */
.adv-bg {background: url(../img/index-bg2.jpg) no-repeat; background-size: cover; padding-top: 50px; margin-top: 20px;}
.adv-bg1 {background: url(../img/index-bg3.png) rgba(212,31,48,0.9) no-repeat right center;}
.adv-bg2 {background: url(../img/index-bg4.png) #505050 no-repeat right center;}
.adv-bg3 {background: url(../img/index-bg5.png) #a9a9a9 no-repeat right center;}
.adv-box {display: table; width: 100%; color: #FFFFFF; margin: 0;}
.adv-box li {display: table-cell; vertical-align: middle; width: 28%; padding: 0 20px;}
.adv-box li:nth-child(2) {width: 44%;}
.adv-box li img {width: 100%;}
.adv-box li h3 {font-size: 24px;}

/* 关于我们 */
.about-bg {background: url(../img/index-bg6.png) no-repeat left; padding: 80px 0; position: relative;}
.about-img {width: 60%; position: absolute; right: 0; top: 80px; overflow: hidden;}
.about-img img {display: inline-block;}
.about-tex  {padding: 0 30px 0; font-size: 16px; line-height: 30px;}
.about-tex a {color: #666666;}
/*.about-js img {display: inline-block; margin-bottom: 5px;}*/
.about-js img {display: inline-block;}
.c-fff p{
	font-size: 18px;color: #fff;
}

/* 新闻 */
.news-bg { background: #f0f0f0; padding: 70px 0;}
.news-img {position: relative;}
.news-img img {width: 100%;}
.news-imgTex {position: absolute; bottom: 0; left: 15px; right: 15px; padding: 10px; background: rgba(0,0,0,0.5); color: #FFFFFF;}
.news-list dl {padding-bottom: 10px; border-bottom: 1px #e5e5e5 solid; margin-bottom: 25px; overflow: hidden;}
.news-list dt { float: left; width: 87px; color: #bcbcbc; font-weight: normal;}
.news-list dt small {display: block; text-align: right;}
.news-list dt p {font-size: 34px;}
.news-list dd {float: right; width: calc(100% - 110px); font-weight: normal;}
.news-list dd h3 {font-size: 16px; font-weight: normal;
	white-space: nowrap;
	text-overflow:ellipsis;
	overflow: hidden;}
.news-list dd p {
	color: #666666;
	margin-top: 6px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow: hidden;
}

/* 联系 */
.contact-bg {background: url(../img/index-bg7.jpg) no-repeat center; padding: 50px 0; background-size: cover;}
.contact {color: #ababab; line-height: 36px;}
.contact-form input,.contact-form textarea,.contact-form button {width: 100%; line-height: 40px; background: rgba(255,255,255,0.2); margin-bottom: 20px; padding: 0 10px; box-sizing: border-box;}
.foot { line-height: 40px; background: #000000; color: #bcbcbc;}
.back-top {position: fixed; width: 50px; height: 45px; right: 10px; bottom: 100px;}






/* 内页定义 */
.inside-ban {position: relative; height: 572px;}
.inside-banTex {position: absolute; left: 0; top: 320px; color: #FFFFFF;}
.inside-banTex h3 {font-size: 55px; font-weight: normal;}
.inside-banTex p {margin-top: 15px;}
.location { line-height: 70px; border-bottom: 1px #f0f0f0 solid; font-size: 16px; color: #666666;}
.location img {display: inline-block; margin-right: 10px;}
.inside-nav {display: inline-block; color: #333333; font-weight: bold; margin: 0 20px; box-sizing: border-box;}
.inside-nav.active {color: #d41f30; border-bottom: 2px #d41f30 solid;}
.inside-nav:hover {color: #d41f30; text-decoration: none;}
.about-videoBox {width: 460px; float: right; padding-top: 100px; margin-left: 45px; margin-bottom: 25px; cursor: pointer;}
.inside-tex {margin: 2rem auto; line-height: 2.4;}
.inside-tex p {/*text-indent: 2rem; */margin-top: 1rem;}
.inside-tex img {display: inline-block;}
.licheng-box {position: relative;}
.licheng-box::before {content: ""; position: absolute; width: 1px; left: -20px; top: 0; bottom: 0; background: #e6e6e6;}
.licheng {background: #f7f7f7; padding: 30px; font-size: 24px; position: relative; margin-bottom: 40px;}
.licheng::before { content: ""; position: absolute; left: -44px; width: 18px; height: 18px;background: #FFFFFF; border: 4px #cccccc solid; border-radius:50% ;}
.rongyu {font-size: 16px;}
.rongyu-img {background: #e8e8e8; width: 100%; height: 255px; padding: 10px; overflow: hidden;}
.rongyu-img img {text-align: center; display: inline-block;}
.rongyu p {line-height: 48px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background: #c4000f; border-color: #c4000f}

.pagination>li>a, .pagination>li>span {color: #c4000f;}
.pagination span,.pagination a{
	position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #c4000f;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination .current{
	background: #c4000f; border-color: #c4000f;color: #fff;
}
.culture { margin: 15px 0; height: 300px; padding: 0 50px; display: table; width: 100%;}
.culture-m { display: table-cell; vertical-align: middle; line-height: 1.8; text-transform: uppercase;}
.culture-m p i { width: 30px; height: 2px;  background: #c4000f;}
/* 新闻 */
.news-search {background: #ededed; padding-top: 20px; padding-bottom: 10px; line-height: 34px;}
.news-search h3 {font-size: 22px; line-height: 34px; margin-bottom: 10px;}
.news-search select ,.news-search input {width: 100%; color: #666666; height: 34px; margin-bottom: 10px; padding: 0 15px; box-sizing: border-box;}
.news-search button {width: 100%; background: #c4000f;color: #FFFFFF; margin-bottom: 10px;}
.inside-news-img li {margin-bottom: 15px;}
.inside-news-img a {display: block; background: #FFFFFF; box-shadow: 1px 1px 8px rgba(0,0,0,0.3); padding-bottom: 10px;}
.inside-news-img p {padding: 0 10px; height: 26px; line-height: 26px; overflow: hidden;}
.inside-news-img img {margin-bottom: 10px;}
.inside-news dt {text-align: right; font-weight: normal; line-height: 1; color: #c8c8c8;}
.inside-news dd h3 {font-size: 18px; font-weight: normal;}
.inside-news dd p {margin: 10px 0; line-height: 1.8;}
.inside-news dl { display: block; border-bottom: 1px #f4f4f4 solid; padding: 20px 0;}
.inside-news dl:hover {background: #f4f4f4;}
.inside-news dl:hover dt,.news-list dl:hover dd {color: #c4000f;}
.inside-news dl:hover dd h3 {font-weight: bold;}
.news-title {border-bottom: 1px #d0d0d0 dashed ; padding-bottom: 10px; }
/* 产品 */
.pro-fenlei {}
.pro-fenlei a {display: inline-block; height: 45px; line-height: 45px; padding: 0 15px; background: #F0F0F0; border-radius: 5px; margin-right: 10px; font-size: 16px;}
.pro-fenlei a.active {background: #d41f30; color: #FFFFFF;}
.pro-fenlei a:hover {background: #d41f30; color: #FFFFFF;}
.pro-list li {margin-top: 20px;}
.pro-list a {display: block; border: 1px #f8f7f7 solid;}
.pro-listTex {background: #f8f7f7; padding: 35px 20px 20px; color: #666666;transition: all 0.5s;}
.pro-listTex h3 {font-size: 20px; color: #333333;}
.pro-listTex p {
	line-height: 1.8;
	margin-top: 15px;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
}
.pro-listTex span {display: inline-block; padding: 5px 10px; border: 1px #c6c6c6 solid; margin-top: 20px; margin-right: 10px;}
.pro-listImg {position: relative;}
.pro-listImg p {position: absolute; width: 100%; height: 100%; left: 0; bottom: 0; opacity: 0; background: url(../img/pro-icon.png) rgba(0,0,0,0.5) no-repeat center;transition: all 0.5s; }
.pro-list a:hover { text-decoration: none;}
.pro-list a:hover .pro-listTex {background: #c4000f; color: #FFFFFF; transition: all 0.5s;}
.pro-list a:hover .pro-listTex h3 {color: #FFFFFF;}
.pro-list a:hover .pro-listImg p {opacity: 1; transition: all 0.5s; }
/* 产品详细 */
.big-img.gallery-top {
    float: right;
    height: 100%;
    width: 84%;
    min-height: 250px;
}
.big-img video,.small-img video {width: 100%; height: auto; object-fit: cover;}
.small-img.gallery-thumbs {float: left;width: 15%; box-sizing: border-box;}
.small-img.gallery-thumbs .swiper-slide { border: 1px #F0F0F0 solid;}
.small-img.gallery-thumbs .swiper-slide-thumb-active {  border: 1px #c4000f solid; }
.pro-conTex {line-height: 2; padding-left: 80px;}
.pro-conTex h3 {font-weight: normal; border-bottom: 1px #e4e4e4 solid; padding-bottom: 30px;}
.pro-conTex a { margin-top: 20px; margin-right: 2%; display: inline-block; width: 40%; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; background: #e4e4e4; font-size: 16px; color: #666666;}
.pro-2 {margin: 100px auto;}
.pro-2 .tab_t{border-top: 1px solid #bfbdbd;border-bottom: 1px solid #bfbdbd;}
.pro-2 .tab_t .item{float: left;width: 25%;height: 89px;cursor: pointer;}
.pro-2 .tab_t .item .box{border-right: 1px solid #bfbdbd;height: 100%; display: block;}
.pro-2 .tab_t .item:first-child .box{border-left: 1px solid #bfbdbd;}
.pro-2 .tab_t .item .ion{display: inline-block;width: 53px;height: 31px;background-image: url(../img/pro_de03.png);background-repeat: no-repeat;background-position: 0 0;float: left;margin-top: 30px;margin-left: 45px;}
.pro-2 .tab_t .item .s{font-size: 24px;color: #464646;line-height: 1;margin-top: 35px;float: left;margin-left: 20px;}
.pro-2 .tab_t .item .s{font-size: 24px;color: #464646;line-height: 1;margin-top: 35px;float: left;margin-left: 20px;}.tab_t .item:hover{background: #1748a4;}
.pro-2 .tab_t .item .s{font-size: 24px;color: #464646;line-height: 1;margin-top: 35px;float: left;margin-left: 20px;}.tab_t .item:hover .ion{background-position: -53px 0;}
.pro-2 .tab_t .item:hover .s{color: #fff;}
.pro-2 .tab_t .item2 .ion{background-image: url(../img/pro_de04.png);width: 38px;height: 47px;margin-top: 24px;}
.pro-2 .tab_t .item2:hover .ion{background-position: -38px 0;}
.pro-2 .tab_t .item3 .ion{background-image: url(../img/pro_de05.png);width: 51px;height: 49px;margin-top: 23px;}
.pro-2 .tab_t .item3:hover .ion{background-position: -51px 0;}
.pro-2 .tab_t .item4 .ion{background-image: url(../img/pro_de06.png);width: 41px;height: 41px;margin-top: 27px;}
.pro-2 .tab_t .item4:hover .ion{background-position: -41px 0;}
.pro-2  .pro_detail .pt2{margin-bottom: 105px;}
.pro-caseBg {padding: 40px 0; background: url(../img/pro-bg.jpg) no-repeat center; background-size: cover;}
.pro-caseList li { margin-top: 15px;}
.pro-caseList a {display: block; background: #FFFFFF; overflow: hidden;}
.pro-caseList-img {float: left; width: 55%;}
.pro-caseList-tex {width: 45%; float: right; box-sizing: border-box; padding: 10px;}
.pro-tuijian {padding-bottom: 40px; margin-top: 10px;}
.swiper-pagination-bullet-active {background: #c4000f;}
.case p { font-size: 16px; margin-top: 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.partner img {border: 1px #d8d8d8 solid;}
.contact-l {padding: 0; height: 512px; overflow: hidden;}
.contact-r {background: #c4000f; min-height: 512px; padding: 30px 40px; color: #FFFFFF;}
.contact-r h3 {font-size: 28px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px #FFFFFF dotted;}
.contact-r p {line-height: 2.2;}









@media screen and (max-width: 1200px ) {
	.inside-ban {height: 320px;}
	.inside-banTex {left: 15px; right: 15px; top: 130px; color: #FFFFFF;}
	.inside-banTex h3 {font-size: 36px;}
}




@media screen and (max-width: 768px ) {
	.banner .swiper-button-next:after,.banner .swiper-button-prev:after {font-size: 20px;}
	.banner .swiper-pagination-bullet { height: 6px;}
	.pro-tab.nav-tabs>li {width: 100%;}
	.index-t {font-size: 24px;}
	.index-t img {width: 12rem;}
	.index-case .swiper-pagination-bullet {width: 20px;}
	.adv-box li {width: 100%; display: block; padding: 40px 20px;}
	.adv-box li:nth-child(2) {width: 100%;}
	.about-bg {padding: 20px 0;}
	.about-img {position: relative; width: 100%; padding: 0 15px; top: 0;}
	.about-tex {width: 100%; padding: 0;}
	.about-js-t {background: #d41f30;}
	.news-bg {padding: 30px 0;}
	.contact-form {margin-top: 30px;}
	.inside-ban {height: 320px;}
	.inside-banTex {left: 15px; right: 15px; top: 130px; color: #FFFFFF;}
	.inside-banTex h3 {font-size: 36px;}
	.location {border-bottom: none;}
	.location-r {width: 100%;}
	.inside-nav {width: 48%; float: left; margin: 0 1%; background: #F0F0F0; margin-top: 10px; text-align: center; height: 40px; line-height: 40px; box-sizing: border-box;}
	.inside-nav.active {background: #d41f30; color: #FFFFFF;}
	.about-videoBox {width: 100%; float: none; padding: 0; margin-left: 0; margin-bottom: 15px;}
	.licheng-box {padding-left: 50px;}
	.licheng-box::before {left: 15px;}
	.licheng {font-size: 16px;}
	.rongyu-img {height: 110px;}
	.culture {padding: 0 15px; height: 150px; }
	.inside-news dl {margin: 0;}
	.inside-news dt {text-align: left; margin-bottom: 10px;}
	.inside-news dt p {display: inline-block; font-size: 22px;}
	.pro-fenlei a {width: 100%; margin-bottom: 10px; text-align: center;}
	.pro-conTex {padding-left: 15px; padding-top: 30px;}
	.contact-l {height: auto;}
}






/* 2020.09.15添加 */
.langu {
	width:2vw;
	height:2vw;
	line-height: 2vw;
	text-align: center;
	border: 1px #FFFFFF solid;
	border-radius: 50%;
	float: right;
	margin-left: 10px;
	font-size: 14px;
	color: #FFFFFF;
}
@media screen and (max-width: 1500px){
.langu {
	width:2.5vw;
	height:2.5vw;
	line-height: 2.5vw;
}
}

@media screen and (max-width: 800px) {
	.telsec-box {display: block;}
	.search {display: none;}
	.tel {display: none;}
	.langu {position: absolute; right: 15vw; top: 4vw; width: 8vw; height: 8vw; line-height: 8vw;}
}

.add-foot {background: #272727; color: #c6c6c6; font-size: 14px; line-height: 30px; padding: 40px 0 20px;}
.add-foot h3 {font-size: 16px; margin-bottom: 10px;}
.add-foot a {display: block;}
.add-foot ul {border-right: 1px #3b3b3b solid; min-height: 190px;}
.add-foot ul li {width: 20%; float: left;}
.add-foot ul li:nth-child(3){width: 40%;}
.add-foot-b2 {border-right: 1px #3b3b3b solid; padding: 0 30px; min-height: 190px;}
.add-foot-b3 {padding: 0 30px; text-align: center;}



/*2020-9-21新增*/
/* 图片效果 */
.index-pro li { position: relative;}
.index-pro li a { overflow: hidden;}
.index-pro li a p{left: 0; top: 5px; width: 100%; padding: 15px; box-sizing: border-box;}
.index-pro li a p::after {left: 15px; bottom: 0;}
.index-pro li em {transition: all 0.2s; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; background: center; opacity: 0;}
.index-pro li:hover em {transition: all 0.6s; background: rgba(0,0,0,0.3); opacity: 1;}
.index-pro li:hover p {color: #FFFFFF; z-index: 9999; top: 40%; width: 100%; text-align: center;transition: all 0.6s; }
.index-pro li:hover p::after {background: none;}
.index-pro li em::before {
	content: "";
	position: absolute;
	left: 10%;
	top: 5%;
	width: 1px;
	height: 0;
	background: #FFFFFF;
	transition: all 0.6s;
}
.index-pro li:hover em::before {
	height: 90%;
	transition: all 0.6s;
}
.index-pro li em::after {
	content: "";
	position: absolute;
	left: 5%;
	top: 12.5%;
	width: 0;
	height: 1px;
	background: #FFFFFF;
	transition: all 0.6s;
}
.index-pro li:hover em::after {
	width: 90%;
	transition: all 0.6s;
}
.index-pro li::before {
	content: "";
	position: absolute;
	right: 10%;
	top: 5%;
	width: 1px;
	height: 0;
	background: #FFFFFF;
	transition: all 0.6s;
	z-index: 999;
}
.index-pro li:hover::before {
	height: 90%;
	transition: all 0.6s;
}

.index-pro li::after {
	content: "";
	position: absolute;
	right: 5%;
	bottom: 12.5%;
	width: 0;
	height: 1px;
	background: #FFFFFF;
	transition: all 0.6s;
	z-index: 999;
}
.index-pro li:hover::after {
	width: 90%;
	transition: all 0.6s;
}


.index-case img {transition: all 0.8s;}
.index-case img:hover {transform: scale(1.2);transition: all 0.8s;}
.adv-box li {overflow: hidden;}
.adv-box li img {transition: all 0.8s;}
.adv-box li:hover img {transform: scale(1.1);transition: all 0.8s;}
.about-js img {transition: all 0.8s;}
.about-js img:hover { transform:rotateY(180deg);transition: all 0.8s;}
.about-js-t img:hover {transform:rotateY(0deg);transition: all 0.8s;}
.about-js-t img:hover {transform:rotateY(360deg);transition: all 1.2s;}

.adv-box li:first-child {overflow: initial;}

/* 2020.12.16修改 */
.news-img {overflow: hidden;}
.news-list dl{margin-top: 16px; margin-bottom: 12px;}
.pro-conVideobut {width: 50px;  position: absolute;  bottom: 100px; left: 10px;}
.about-js .te_c img { max-width: 200px; max-height: 90px;}


@media screen and (max-width: 768px ) {
	.pro-conVideobut {width: 35px; bottom: 70px;}
}