﻿

.indtitle{clear:both;padding-top:10px;}

.indtitle .en{position:relative;text-transform: uppercase;font-family:'Arial'; font-size:48px;

letter-spacing:3px; color:transparent;text-stroke:1px #f1f1f1;-webkit-text-stroke:1px #f1f1f1;}

.indtitle .tit{z-index:2;top:10px; position:relative;font-weight: 700; font-size:30px;color:#313131;letter-spacing: 2px;}

.indtitle .tit strong{color:#e6212b;}

.indtitle .salltit{display: block;font-size:14px;font-weight: 700;color:#999;margin-top: 20px;}

.indtitle .salltit2{display: block;font-size:14px;font-weight: 700;color:#999;margin-top:0px;}

.indtitle .tit2 b{color:#e6212b;font-size: 80px;}

.indtitle .tit2{z-index:2;top:10px; position:relative;font-weight: 700; letter-spacing: 2px;

	font-size:30px;color:#313131;letter-spacing: 2px;}



/*生产优势*/

.shengcys{background:#fff;padding:10px 0 60px;}

.scSw{width: 100%;border-bottom:2px #e6212b solid;margin:50px auto;display: flex;justify-content: center;}

.scSwipersmall {width:100%;max-width: 640px;margin:0 auto; box-sizing: border-box;}

.scSwipersmall .swiper-wrapper{ height:100px;line-height:80px;color:#e4e4e4;font-size:55px;

	text-align: center;background:#ffffff;}

.scSwipersmall .indswiper_items{margin: 0 0 0 0px;position: relative;

	font-family:'Impact';cursor: pointer;}

.scSwipersmall .indswiper_items::after{position:absolute;content:'';top:0;right:0;width: 1px;height:80px;background:#eee;}

.scSwipersmall .indswiper_items:last-child::after{width: 0}



.scSwipersmall .indswiper_items.swiper-slide-thumb-active,.scSwipersmall .swimore:hover{color:#e6212b;}

.scSwipersmall .indswiper_items.swiper-slide-thumb-active:before{content:'';position: absolute;bottom:0;left:50%;margin-left: -10px; width: 0; height: 0;

    border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:15px solid #e6212b;z-index: 5;}



.scSwiper2 {width: 100%; overflow: hidden;position: relative;}

.serv_c {overflow: hidden;}

.serv_c .Imggw{float: left;width: 50%;position: relative;padding-bottom:26px;}

.serv_c .Imgg{width:100%;text-align:center;padding-bottom:50%;

	position: relative;height: 0;overflow: hidden;}

.serv_c .Imgg img{position: absolute;left:50%;top:50%;width:80%;transform: translate(-50%,-50%);

	transition: all .2s linear;z-index: 2;}

.serv_c .Imggw:after{position: absolute;content:'';background:#dd1e3b;left:6%;bottom:0;

	width:40%;height:200px;}



.serv_c .acr_p{float:right;width:50%;font-size: 16px;line-height:36px;padding-top: 50px;}

.serv_c .acr_p .num{display: block; color:#000;font-size:44px;

		line-height:56px;height:35px;overflow: hidden;}

.serv_c .acr_p .tw{display: block;font-size:32px;color: #000;line-height:48px;margin-bottom:10px;}



/*服务*/

.client_item {padding:50px 0;width:100%;position:relative;background:#f5f5f5;}

.ys_slide{width: 100%;display: flex;justify-content: space-between;margin-top:80px;}

.ys_slide li{position:relative;width:20%;margin:0 8px;box-sizing: border-box; transition:0.5s;float:left;}

.ys_slide .item-info {padding:70px 0 20px; width:100%;background:#fff;border-bottom:3px solid #F2F2F2;

  transition:0.5s;box-sizing: border-box; text-align: center;}

.ys_slide .item-info .p1 {width:100%;line-height:28px;font-size:12px;color:#777777;

  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

.ys_slide .item-info .p2 {width:100%;line-height:30px;font-weight:700;

  font-size:20px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.ys_slide .item-img {position:absolute;top:-50px;left:50%;transform: translateX(-50%); display:flex;align-items:center;

  justify-content:center;width:110px;height:110px;border-radius:50%;border:5px solid #FFFFFF;

  transition:0.5s;overflow:hidden;background:#e6212b;}

.ys_slide .item-img i {color:#fff;font-size:48px;}

.ys_slide li:hover .item-info {border-bottom:3px solid #e6212b;}

.ys_slide li:hover .item-img {background:#333;box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);}

.ys_slide li:hover{box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);}





/* 数值 */

/*sup { top: -1.5em;}

sub, sup {position: relative;font-size: 75%; line-height: 0; vertical-align: baseline;

	}*/

.shuzhi{width: 100%;position: relative;}

.shuzhi .numCount{display:flex;justify-content:flex-start;flex-flow: row wrap;

	align-items:center;text-align:center;}

.shuzhi_item {width:25%;position:relative;padding-top:50px;padding-bottom:50px;border-top:3px #f1f1f1 solid;}

.shuzhi_item::before {content:'';position:absolute;right:0;top:50%;width:2px;height:100px;background-color:#eeeeee;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}

.shuzhi_item:nth-child(4n)::before {display:none;}



.shuzhi_itemimg{float: left;margin:0 5% 0 13%;width:88px;height:88px;display: flex;align-items: center;justify-content: center;

 background:#302c2a;border-radius: 50%;position: relative;cursor: pointer;}

.shuzhi_itemimg::after{ content: ""; position: absolute;left:-5%;top:-5%;

    width:110%;height: 110%; border-radius: 50%; background-color: rgba(0, 0, 0, 0.1); 

}

.shuzhi_itemimg i{color:#fff;font-size:40px;position: relative;z-index: 5;}

.shuzhi_item:hover .shuzhi_itemimg{-webkit-animation: pin02 2s ease 0s infinite; 

     animation: pin02 2s ease 0s infinite;}

.shuzhi_item:hover .shuzhi_itemimg::after{-webkit-animation: circlepulse 1.5s ease 0s infinite; 

     animation: circlepulse 1.5s ease 0s infinite; }



.shuzhi_itembox {float: left; margin-top:0px;color:#666;text-align: left}

.shuzhi_itemnum {display:flex;justify-content:flex-start;}

.shuzhi_itemnum span {font-size:48px; color:#302c29;font-weight: 700;}

.shuzhi_itemnum sup {display: inline-block; margin-left:5px;font-size:14px;color:#fff;background:#e6212b;

	border-radius: 50%;width: 26px;text-align: center; height:26px;line-height: 26px;}

.shuzhi_itembp{margin-top: 0px;font-size: 16px;color:#666;}



@keyframes circlepulse{

	0% {

    -webkit-transform: scale(1);

    opacity: 1;

  }

  100% {

    -webkit-transform: scale(2);

    opacity: 0;

  }

}

@-webkit-keyframes pin02 {

  0% {

    -webkit-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.2);

            box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.2);

  }

  50% {

    -webkit-box-shadow: 0px 0px 0 20px rgba(0, 0, 0, 0.2);

            box-shadow: 0px 0px 0 20px rgba(0, 0, 0, 0.2);

  }

  100% {

    -webkit-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.2);

            box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0.2);

  }

}



/**/

.pingkbg{background:#fafafa;padding:70px 0;}

.pingkbff:after{position: absolute;content:'';background:#fff;width:96%;left:2%;top:0; height: 100%;}

.pingkbg .pinSwiper .swiper{width:92%;overflow: hidden;margin:40px auto;padding-top:40px;}

.pingkbg .pinList .swiper-slide .word{margin:30px auto 0;padding-left:2%;}

.pingkbg .pinList .swiper-slide .word .number{ display: inline-block;background: #e6212b; text-align: center; position: relative; color: #fff; 

 padding:15px 20px 40px;margin-right:20px;}

.pingkbg .pinList .swiper-slide .word .number i{ font-size:50px;border-bottom: 1px solid rgba(255,255,255,1);

	padding-bottom:20px; margin: 0px auto;line-height:70px;}

.pingkbg .pinList .swiper-slide .word .word_t strong{display: block; color:#e3e3e3;font-size:80px;

	line-height:90px;height:60px;overflow: hidden;}

.pingkbg .pinList .swiper-slide .word .word_t h4{display: block;font-size:30px;color: #333;line-height:44px;}

.pingkbg .pinList .swiper-slide .word .word_t em{font-size:14px;opacity: 0.5;text-transform:capitalize;}

.pingkbg .pinList .swiper-slide .word .word_c{border-top: 1px #f3f3f3 solid; display: block;

 padding-left: 0px; margin-top:15px;font-size:18px;line-height: 35px;padding-top: 20px;}

.pingkbg .pinList .swiper-slide .word .word_c p{background:url(../images/icon.gif) no-repeat 0 13px;

	padding-left:20px;}

.pingkbg .pinList .swiper-slide .word .word_b{margin-top:30px;margin-bottom: 10px;}

.pingkbg .pinList .swiper-slide .word .word_b a{display: inline-block;text-align: center; border-radius: 30px; color:#fff;width: 180px; height:46px; font-size: 18px;line-height:46px;}

.pingkbg .pinList .swiper-slide .word .word_b i{padding-right: 5px;font-size: 20px;}

.pingkbg .pinList .swiper-slide .word .word_b a.he{background:#302c2a; }

.pingkbg .pinList .swiper-slide .word .word_b a.hon{margin-left: 20px; background:#e6212b;}

.pingkbg .pinList .swiper-slide .word .word_b a:hover{background:#666;box-shadow: 0 0 15px #333;}

.pingkbg .pinList .swiper-slide .pic img{width:100%;height:auto;object-fit: cover;}



.pingkbg .pinSwiperxi{position:relative;padding-bottom:3rem;margin:0px auto;}

.pingkbg .pinSwiperxi::after{content:'';position: absolute;top:-25px;right:0;margin-right:-25px; width: 0; height: 0;

    border-right:25px solid transparent; border-top:25px solid transparent; border-left:25px solid #333333;z-index:2;}

.pingkbg .pinSwiperxi::before{content:'';position: absolute;top:-25px;left:0;margin-left:-25px; width: 0; height: 0;

    border-left:25px solid transparent; border-top:25px solid transparent; border-right:25px solid #333333;z-index:2;}



.pingkbg .pinsla5{background:#333;width:100%;height:70px;line-height:70px;

 position: relative; z-index: 2;}

.pingkbg .pinSwiperxi .pinslaw{ background:#333;width:100%;height:70px;line-height:70px;

 position: relative; z-index:3;}

.pingkbg .pinSwiperxi .pinsla{background:#333;width:98%;height:70px;line-height:70px;

 position: absolute;bottom:3rem;  z-index:3;}

.pingkbg .prev{width:39px; height:26px;position: absolute;left:2%;

	bottom:5rem;overflow:hidden;cursor:pointer;z-index:5;}

.pingkbg .next{width:39px; height:26px;position: absolute;right:0;

	bottom:5rem;overflow:hidden;cursor:pointer;z-index:5;}

.pingkbg .prev i,.pingkbg .next i{color:#666;}

.pingkbg .prev i:hover,.pingkbg .next i:hover{color:#fff;}



.pingkbg .pinSwiperxi .pinsla .zi{color: #fff;position: relative;overflow:hidden;  cursor:pointer;text-align: center; font-size:19px; }

.pingkbg .pinSwiperxi .pinsla .zi:after{ display: block;content: "";width: 1px; background: rgba(255,255,255,0.1);height: 25px;position: absolute;right: 0;top: 23px;}

.pingkbg .pinSwiperxi .pinsla .zi:last-child:after{ display: none;}

.pingkbg .pinSwiperxi .pinsla .zi.swiper-slide-thumb-active{font-weight: 700; }





/**/

.ind_teshow{background:#fafafa; clear: both;position: relative;font-size: 16px;text-align: center;padding:70px 0; }

.ind_teshow .indtitle{float:right; text-align: right;}

.ind_teshow .tprev4,.ind_teshow .tnext4{width: 70px;border-radius: 50%;

    height: 70px;display: inline-block;cursor: pointer;

    bottom:40%; z-index: 9; transition: 0.5s;}

.ind_teshow .tnext4{right:-70px; background: #fff url(../images/next3.png) no-repeat center 20px;}  

.ind_teshow .tprev4{left:-70px;background: #fff url(../images/prev3.png) no-repeat center 20px;}

.ind_teshow .swiper-thumbs{float: left;}

.indshow_t{float:left;font-size:16px;line-height:26px;color: #666;}

.ind_teshow .tprev4:hover,.ind_teshow .tnext4:hover{background-position:center -40px;}



.indshow_t .swiper-slide em{display:block;width:40px;height:40px;margin: 0 auto;overflow: hidden;}

.indshow_t .swiper-slide-thumb-active,.indshow_t .swiper-slide-thumb-active a{color: #dd1e3b;}

.indshow_t .swiper-slide-thumb-active em img{transform:translateY(-40px);transition: 0.5s;}



#sgallery{width: 100%; overflow: hidden; margin:0 auto;}

.show_c ul{width: 100%; overflow: hidden; margin:20px auto;display: flex;white-space:nowrap;}

.show_c li{float: left;width:23%; margin:10px 1%;position: relative;transition: .5s;}

.show_c li .porTbox{position: relative; width: 100%;height:auto;display: flex;justify-content: center;align-items: center;overflow: hidden;}

.show_c li .porTbox img{max-width: 100%;object-fit: cover; display: block;transition: .5s;}

.show_c li span{display: block;height: 55px;line-height: 55px;padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.show_c li  a{display: block;color: #666666;font-size: 18px;}

.show_c li:hover a{color: #e6212b;}

.show_c li:hover{box-shadow: 0 0 10px #ccc;}

.show_c li:hover img{transform: scale(1.1);}

.show_c li:hover span{background:#fff;}



.showBox {position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:0;background:rgba(0,0,0,.6);transition:all 0.5s ease;}

.showBoxLink {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:60%;color:#fff;text-align:center;font-size:1rem;padding:0.5rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.showBoxLink::before {content:'';position:absolute;top:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}

.showBoxLink::after {content:'';position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:#fff;transition:all .5s ease;}



.show_c li:hover .showBox{ opacity:1; } 

.show_c li:hover .showBoxLink::before{ width:1rem; }

.show_c li:hover .showBoxLink::after{ width:1rem; }







@media screen and (min-width:991px) and (max-width: 1920px){

	.indshow_t .swiper-slide{display: inline-block;width: 150px!important;height: 75px;}

}

@media (max-width:1400px){

	.shuzhi_item{display: flex;flex-direction: column;justify-content: center;}

	.shuzhi_itemimg{float:none; margin:0 auto;}

	.shuzhi_itembox{float:none; margin:0 auto;text-align: center;}

	.shuzhi_itemnum{justify-content: center;margin-top:20px;}



	.ind_teshow .tprev4,.ind_teshow .tnext4{display: none;}



}

@media (max-width:1300px){



	.pingkbg .pinSwiper .swiper{margin-bottom: 0}

}



@media (max-width: 1199px){

	.indtitle .en{font-size:42px;letter-spacing:0; }

	.indtitle .tit,.indtitle .tit2{font-size:26px;color:#313131;letter-spacing: 2px;}

	.indtitle .tit strong{color:#e6212b;}

	.indtitle .salltit{display: block;font-size:14px;font-weight: 700;color:#999;margin-top: 20px;}



	.ys_slide .item-info .p2{font-size: 18px;}

	.ys_slide .item-img{width:100px;height: 100px;}



	.serv_c .acr_p{padding-top: 30px;}

	.serv_c .acr_p .tw{font-size: 28px;}

	.scSwipersmall .swiper-wrapper{font-size: 48px;}



	.shuzhi_itemnum span {font-size:30px;}

	.shuzhi_itemnum sup {font-size: 14px;}



	

	.pingkbg {padding:50px 0;}

	.pingkbg .pinList .swiper-slide .word .word_t h4{font-size: 26px;}

	.pingkbg .pinList .swiper-slide .word .word_t em{font-size: 12px;}

	.pingkbg .pinList .swiper-slide .word .word_c{font-size:16px;line-height: 25px; }

	.pingkbg .pinSwiperxi .pinsla .zi{font-size: 16px;}

	.ind_teshow{padding:50px 0;}

 



}





@media (max-width: 991px){

	.serv_c .Imggw{width: 100%;}

	.serv_c .acr_p{width:95%;}

	.serv_c .acr_p .tw{font-size: 24px;}

	







	.ys_slide{flex-wrap: wrap;}

	.ys_slide li{width:32%;margin:0 0;}

	.ys_slide li:nth-child(1),.ys_slide li:nth-child(2){width:48%;margin-bottom: 70px;}

	

	.shuzhi_item{padding-top:30px;padding-bottom:30px;}

	.shuzhi_itemimg{width:70px;height:70px;}

	.shuzhi_itemimg i{font-size:36px;}

	.shuzhi_itemnum span{font-size: 38px;}

	.shuzhi_itembp{font-size: 14px;}



	.pingkbg .pinSwiper .swiper{padding-top:10px;}

	.pingkbg .pinList .swiper-slide .word{margin-bottom:30px;}

	.pingkbg .next{right:-10px;}

	.pingkbg .pinSwiperxi .pinsla .zi:after{display: none;}

	

	.ind_teshow .indtitle{float: none;text-align: center;}

	.ind_teshow .swiper-thumbs{width: 100%;margin:30px auto 0;}

	.indshow_t.swiper-wrapper{width: 100%;}

	.indshow_t .swiper-slide{width:auto;}



	.show_c li{width:31.3%;}

	.show_c li:nth-child(4){display: none;}









}



@media (max-width:767px){

	

	.indtitle .en{font-size:35px;letter-spacing:3px; }

	.indtitle .tit,.indtitle .tit2{font-size:26px;color:#313131;letter-spacing: 2px;}

	.indtitle .tit strong{color:#e6212b;}

	.indtitle .tit2 b{font-size: 60px;}

	.indtitle .salltit{display: block;font-size:14px;font-weight: 700;color:#999;margin-top:10px;}



	.shuzhi_item {width:50%;}

	.shuzhi_itembp{margin-top:5px;}

	.shuzhi_item:nth-child(2n)::before {display:none;}



	.pingkbg{padding:30px 0;}

	.pingkbg .pinSwiperxi .pinsla .zi{font-size: 12px;}

	.pingkbg .next{right:0px;}

	.pingkbg .pinList .swiper-slide .word .word_b a{width: 140px;height: 36px;line-height: 36px; font-size: 14px;}

	.pingkbg .pinSwiper .swiper{padding-top: 0;}

	.pingkbg .pinList .swiper-slide .word .number{padding:10px 15px 30px;}

	.pingkbg .pinList .swiper-slide .word .number i{font-size: 40px;}

	.pingkbg .pinList .swiper-slide .word .word_t h4{font-size: 24px;}

	.pingkbg .pinList .swiper-slide .word .word_t strong{font-size:60px; }

	.pingkbg .pinList .swiper-slide .word .word_c{font-size:14px; }



	.ind_teshow{padding:0px 0;}

	.client_item{padding:20px 0;}

	.shengcys{padding:0 0 30px;}

	.scSwipersmall .swiper-wrapper{font-size:38px;height: 60px;line-height: 40px;}

	.scSwipersmall .indswiper_items::after{height: 40px;}

	.scSw{margin:30px auto;}

	.serv_c .Imggw:after{left:0;width: 100%;height:80px;}

	.serv_c .acr_p{font-size: 14px;line-height: 28px;padding-top: 0;}

	.serv_c .acr_p .tw{font-size: 22px;margin-bottom:0;}





}

@media (max-width:681px){

	.indtitle .tit{font-size: 21px;}

	.indtitle .tit2{font-size: 21px;letter-spacing: 0}

	.indtitle .salltit2{margin-top:0px; }



	.ys_slide .item-img{width: 80px;height: 80px;}

	.ys_slide .item-img i{font-size: 36px;}



	.pingkbg .pinSwiper .swiper{padding-top:0;margin-top:20px;}

	.pingkbg .pinList .swiper-slide .word .number{padding:5px 10px 30px;}

	.pingkbg .pinList .swiper-slide .word .number i{font-size:40px;line-height: 50px;}

	.pingkbg .pinList .swiper-slide .word .word_t h4{font-size:20px;line-height:30px;}

	.pingkbg .pinList .swiper-slide .word .word_t strong{font-size:40px;line-height:50px;height:36px; }

	.pingkbg .pinList .swiper-slide .word .word_c{font-size:14px; }



	.show_c li{width:48%;}

	.show_c li:nth-child(3){display: none;}



	.ys_slide .item-info{padding-top:40px;}









}



@media (max-width:479px){

	

	.indtitle .en{font-size: 30px;}

	

	.shuzhi .numCount{justify-content: space-around;border-top:3px #f1f1f1  solid;margin-top:0px;}

	.shuzhi_item{padding-top:15px;padding-bottom:15px;width: 48%;border-top:0;border-bottom:1px #f1f1f1 solid;}

	.shuzhi_item::before{width: 1px;}

	.shuzhi_itemimg{width:80px;height:80px;}



	

	.pingkbg .pinSwiperxi .pinslaw,.pingkbg .pinSwiperxi .pinsla{height: 50px;line-height: 50px;}

	.pingkbg .prev i, .pingkbg .next i{display: none}

	.pingkbg .pinList .swiper-slide .word .word_b a.hon{margin-left:2%;}



	









}	