﻿.clearfix:after{ content: ""; clear: both; visibility: hidden; display: block; height: 0;}
.clearfix{ zoom: 1;}
#fp-nav ul li a span, .fp-slidesNav ul li a span {background: #e60012;}
a {text-decoration: none;color: #3e3e3e;}
ul, li {list-style: none;margin: 0px;padding: 0px;box-sizing: border-box;}

.width_1600{width:1600px;margin:0 auto;}

/*导航*/
.headers {position: absolute;display: flex;justify-content: space-around;padding: 20px 3%;width: 100%;z-index: 100;align-items: center;}
.headers::before {width: 100%;height: 100%;position: absolute;left: 0%;bottom: 0%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));content: '';top: auto;}
.logo {width: 12vw;position: relative;-webkit-transition: all .5s;}
.navs {width: auto;display: flex;justify-content: space-between;position: relative;padding-right: 100px;}
.navs ul {display: flex;justify-content: space-between;}
.navs ul li {width: auto;position: relative;}
.navs ul li::before {width: 7px;height: 7px;position: absolute;right: -3.5px;top: 50%;-webkit-transform: translateY(-50%);background: #fff;border-radius: 50%;content: '';}
.navs ul li a {color: #fff;display: block;text-align: center;font-size: 16px;line-height: 40px;text-shadow: 2px 2px 2px rgb(0 0 0 / 10%);padding: 0px 35px;}
.navs ul li.active::after, .navs ul li:hover::after {width: 20%;left: 40%;}
.navs ul li::after {width: 0%;height: 3px;position: absolute;left: 50%;bottom: 0px;border-radius: 50px;background: #fff;content: '';-webkit-transition: all .35s;}
.navs .hotTel {width: 60px;height: 60px;position: absolute;right: 0px;top: 50%;-webkit-transform: translateY(-50%);}
.navs .hotTel .icon {width: 60px;height: 60px;position: absolute;left: 0px;top: 0px;background: #e60012;color: #FFFFFF;border-radius: 50%;line-height: 60px;text-align: center;font-size: 26px;z-index: 5;}
.navs .hotTel .icon i{display: block;-webkit-transition: all .35s;-webkit-animation: rotateIns 2s ease infinite;}
@-webkit-keyframes rotateIns {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
		transform: scale3d(.9, .9, .9) rotate(-3deg)
	}

	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
	}

	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
	}

	100% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}
.navs .hotTel .tel {width: 60px;height: 60px;position: absolute;right: 0px;top: 0px;background: #e60012;color: #FFFFFF;-webkit-transition: all .5s;border-radius: 60px;overflow: hidden;opacity: 0;text-align: center;padding-right: 40px;line-height: 60px;font-family: DIN;font-size: 24px;}
.navs .hotTel:hover .tel {width: 200px;opacity: 1;}

.navs ul li:last-child::before {
	display: none;
}


#mould81052 .swiper-slide img{ height:100vh;}
#mould81052 .swiper-button-next, .swiper-button-prev{ top:56%;}
#mould81052 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left:60px;}
#mould81052 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right:80px;}
#mould81052 .swiper-container .swiper-pagination .swiper-pagination-bullet{ background-color:#fff;background:#fff;opacity:1;border-radius:4px; width:30px;}
#mould81052 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color:#b9192b;background:#b9192b;}
.swiper-button-next:after{ content:""!important;}
.swiper-button-prev:after{ content:""!important;}



/*标题*/
.about .left .biaoti img {display: block;padding-top: 20%;padding-bottom: 2%;}
.youshi .left .biaoti img {padding-bottom: 2%;}
.product .biaoti img {padding-bottom: 2%;}
.newss .biaoti img {padding-bottom: 4%;}

/*简介*/
.about .left{float:left;width:43%;}
.about .left h2{font-weight:bold;font-size:46px;letter-spacing: 0.1em;}
.about .left h5{font-size:20px;margin:3% 0;letter-spacing: 0.3em;color:#777;}
.about .left p{font-size:18px;line-height:36px;text-indent:2em;text-align: justify;color:#333;}
.about .right{float:right;}
.about .left .btns a{display: flex;align-items: center;margin-left:36px;margin-top:2%;}
.about .left .btns h4{font-size: 18px;color: #717171;}
.about .left .btns img{display: block;}
.about .left .btns a>div{width: 50px;height: 50px;border-radius: 50%;border: 1px dashed #dcdcdc;position: relative;margin-left: 30px;transition: all linear 0.3s;}
.about .left .btns a .box{width: 32px;height: 32px;border-radius: 50%;background: #f6f6f6;transition: all linear 0.3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.about .left .btns a .guang{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 32px;height: 32px;border-radius: 50%;animation: btn infinite 1s linear;z-index: 1;}
.about .left .btns a img{position: absolute;top: 45%;left: 52%;transform: translate(-50%,-50%);z-index: 3;}
.about .left .btns a:hover .box{box-shadow: 0px 1px 18.9px 2.1px rgba(201, 201, 201, 0.9);background: #e60012;}
.about .left .btns a:hover img{filter: gray;-webkit-filter: grayscale(50%)brightness(200%);-moz-filter: grayscale(50%)brightness(200%);-ms-filter: grayscale(50%)brightness(200%);-o-filter: grayscale(50%)brightness(200%);filter: grayscale(50%)brightness(200%);}
@keyframes btn{
	0%{
		background: rgba(230,0,18,0.4);
		transform: translate(-50%,-50%) scale(1);
	}
	50%{
		background: rgba(230,0,18,0.2);
		transform: translate(-50%,-50%) scale(1.7);
	}
	100%{
		background: rgba(230,0,18,0);
		transform: translate(-50%,-50%) scale(2.5);
	}
}


/*加盟优势*/
.youshi .left .biaoti{position: absolute;top: 25%;z-index: 50;}
.youshi .left .biaoti h2{font-weight:bold;font-size:46px;letter-spacing: 0.1em;}
.youshi .left .biaoti h5{font-size:20px;margin:8% 0;letter-spacing: 0.3em;color:#777;}
.box_wrap { width: 71%; position: absolute; right: 80px; top: 48%; z-index: 50; }

.box_wrap article { width: 30%; height: 600px;border-radius:20px; position: relative; float: left; -moz-box-shadow: 50px 80px 150px -76px #000; -webkit-box-shadow: 50px 80px 150px -76px #000; box-shadow: 50px 80px 150px -76px #000; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 100%; background-position-y: 100%; background-repeat: no-repeat; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

.box_wrap article:hover { height: 588px; -webkit-transform: translate(0, 20px); -moz-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); }

.box_wrap article:hover .txt_box { background-color: #e60012; }

.box_wrap article:hover h1 { color: #fff; }

.box_wrap article:hover p { color: #fff; }

.box_wrap .box01 { background-image: url(/images/youshi_1.jpg);background-size:100% 100%; margin: -250px 0 0; }

.box_wrap .box02 { background-image: url(/images/youshi_2.jpg);background-size:100% 100%; margin: -250px 0 0 4%; -webkit-transform: translate(0, 77px); -moz-transform: translate(0, 77px); -ms-transform: translate(0, 77px); -o-transform: translate(0, 77px); transform: translate(0, 77px); }

.box_wrap .box03 { background-image: url(/images/youshi_3.jpg);background-size:100% 100%; margin: -250px 0 0 4%; -webkit-transform: translate(0, -77px); -moz-transform: translate(0, -77px); -ms-transform: translate(0, -77px); -o-transform: translate(0, -77px); transform: translate(0, -77px); }

.box_wrap a { height: 100%; display: block; }

.box_wrap .txt_box { width: 250px; height: 150px; position: absolute; bottom: 45px; left: -20px; background-color: #fff; padding: 26px 0 26px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; }

.box_wrap h1 { font-size: 24px; line-height: 36px; color: #e60012;margin:10px 0; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease;  letter-spacing: 0; }

.box_wrap p { padding:  0;font-size:15px;; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; }


/*产品*/
.product .titles{margin-bottom:1%;}
.product .titles .biaoti{float:left;top: 25%;z-index: 50;}
.product .titles .biaoti h2{font-weight:bold;font-size:46px;letter-spacing: 0.1em;}
.product .titles .biaoti h5{font-size:20px;margin:8% 0;letter-spacing: 0.3em;color:#777;}
.product .titles .btns{float:right;margin-right: 1%;margin-top: 4%;}
.product .titles .btns a{display: flex;align-items: center;}
.product .titles .btns h4{font-size: 18px;color: #717171;}
.product .titles .btns img{display: block;}
.product .titles .btns a>div{width: 50px;height: 50px;border-radius: 50%;border: 1px dashed #dcdcdc;position: relative;margin-left: 30px;transition: all linear 0.3s;}
.product .titles .btns a .box{width: 32px;height: 32px;border-radius: 50%;background: #f6f6f6;transition: all linear 0.3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.product .titles .btns a .guang{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 32px;height: 32px;border-radius: 50%;animation: btn infinite 1s linear;z-index: 1;}
.product .titles .btns a img{position: absolute;top: 50%;left: 52%;transform: translate(-50%,-50%);z-index: 3;}
.product .titles .btns a:hover .box{box-shadow: 0px 1px 18.9px 2.1px rgba(201, 201, 201, 0.9);background: #e60012;}
.product .titles .btns a:hover img{filter: gray;-webkit-filter: grayscale(50%)brightness(200%);-moz-filter: grayscale(50%)brightness(200%);-ms-filter: grayscale(50%)brightness(200%);-o-filter: grayscale(50%)brightness(200%);filter: grayscale(50%)brightness(200%);}
@keyframes btn{
	0%{
		background: rgba(230,0,18,0.4);
		transform: translate(-50%,-50%) scale(1);
	}
	50%{
		background: rgba(230,0,18,0.2);
		transform: translate(-50%,-50%) scale(1.7);
	}
	100%{
		background: rgba(230,0,18,0);
		transform: translate(-50%,-50%) scale(2.5);
	}
}
.index-make-cont{
	display: flex;
	justify-content: space-between;
}
.index-make-cont a{
	width: 19%;
	background: #f7f7f7;
  border-radius:20px;
	padding: 40px 0 50px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.index-make-a1:hover {
    background: #e60012;
}
.tc {
    text-align: center;
}	
.db {
    display: block;
}
.index-make-a1 .span-img .mgh {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}
.index-make-a1 .span-img img {
    transition: all 0.5s ease 0s;
}
.index-make-a1:hover .span-img img {
    transform: rotateY(360deg);
}
.rel {
    position: relative;
}
.ovh {
    overflow: hidden;
}
.dib {
    display: inline-block;
}
.index-make-a1:hover .span-img .mgh {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.index-make-a1 .span-cont {
    width: 70%;
    height: 162px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 33px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.index-make-a1:hover .span-cont {
    padding-top: 30px;
}
.index-make-a1 .span-cont .bdo-des {
    font-size: 16px;
    line-height: 28px;
    color: #888;
    margin-top: 3px;
    height: 56px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.index-make-a1:hover .span-cont .bdo-des {
    color: #fff;
    margin-top: 13px;
}
.index-make-a1:hover .span-cont .bdo-more {
    color: #fff;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.index-make-a1 .span-cont .bdo-more {
    font-size: 16px;
    line-height: 28px;
    color: #888;
    margin-top: 18px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.index-make-a1 .span-cont .b-title {
    font-size: 24px;
    color: #333;
    line-height: 34px;
    padding-bottom: 15px;
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.index-make-a1:hover .span-cont .b-title {
    color: #fff;
    background-image: url(/images/line.jpg);
}











/*新闻*/
.news-aa .newss{margin-bottom:1%;}
.news-aa .newss .biaoti{float:left;top: 25%;z-index: 50;}
.news-aa .newss .biaoti h2{font-weight:bold;font-size:46px;letter-spacing: 0.1em;}
.news-aa .newss .biaoti h5{font-size:20px;margin:8% 0;letter-spacing: 0.3em;color:#777;}
.news-aa .newss .btns{float:right;margin-right: 1%;margin-top: 4%;}
.news-aa .newss .btns a{display: flex;align-items: center;}
.news-aa .newss .btns h4{font-size: 18px;color: #717171;}
.news-aa .newss .btns img{display: block;}
.news-aa .newss .btns a>div{width: 50px;height: 50px;border-radius: 50%;border: 1px dashed #dcdcdc;position: relative;margin-left: 30px;transition: all linear 0.3s;}
.news-aa .newss .btns a .box{width: 32px;height: 32px;border-radius: 50%;background: #f6f6f6;transition: all linear 0.3s;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;}
.news-aa .newss .btns a .guang{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 32px;height: 32px;border-radius: 50%;animation: btn infinite 1s linear;z-index: 1;}
.news-aa .newss .btns a img{position: absolute;top: 50%;left: 52%;transform: translate(-50%,-50%);z-index: 3;}
.news-aa .newss .btns a:hover .box{box-shadow: 0px 1px 18.9px 2.1px rgba(201, 201, 201, 0.9);background: #e60012;}
.news-aa .newss .btns a:hover img{filter: gray;-webkit-filter: grayscale(50%)brightness(200%);-moz-filter: grayscale(50%)brightness(200%);-ms-filter: grayscale(50%)brightness(200%);-o-filter: grayscale(50%)brightness(200%);filter: grayscale(50%)brightness(200%);}
@keyframes btn{
	0%{
		background: rgba(230,0,18,0.4);
		transform: translate(-50%,-50%) scale(1);
	}
	50%{
		background: rgba(230,0,18,0.2);
		transform: translate(-50%,-50%) scale(1.7);
	}
	100%{
		background: rgba(230,0,18,0);
		transform: translate(-50%,-50%) scale(2.5);
	}
}
.news-aa .news_box { width: 100%; margin: 0 60px 0 0; }
.news-aa .news_box .notice article {width: 23.5%;border-radius:20px;margin: 0 0 0 2%;float: left;background-color: #fff;}
.news-aa .news_box .notice article:first-child { margin: 0; }
.news-aa .news_box .notice article a {display: block;height: 100%;position: relative;padding: 25px 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.news-aa .news_box .notice article a:after,.news-aa .news_box .notice article a:before {width: 2px;height: 0;position: absolute;display: block;content: "";background-color: #e60012;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;-ms-transition: all 0.4s ease;}
.news-aa .news_box .notice article a:after { left: 0; top: 0; }
.news-aa .news_box .notice article a:before { right: 0; bottom: 0; }
.news-aa .news_box .notice article a:hover:after,.news-aa .news_box .notice article a:hover:before { height: 100%; opacity: 1; filter: alpha(opacity=100); }
.news-aa .news_box .notice article a:hover h1 { color: #e60012; }
.news-aa .news_box .notice article a:hover h1:after,.news-aa .news_box .notice article a:hover h1:before { width: 100%; opacity: 1; filter: alpha(opacity=100); }
.news-aa .news_box .notice article a:hover h1 .tit,.news-aa .news_box .notice article a:hover h1 .txt { color: #fff; }
.news-aa .news_box .notice article h1 { height: 50px; font-size: 22px; line-height: 40px; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; -ms-transition: color 0.2s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; }
.news-aa .news_box .notice article h1:after,.news-aa .news_box .notice article h1:before { width: 0; height: 2px; position: absolute; display: block; content: ""; background-color: #e60012; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; }
.news-aa .news_box .notice article h1:after { right: 0; top: 0; }
.news-aa .news_box .notice article h1:before { left: 0; bottom: 0; }
.news-aa .news_box .notice article p {margin: 0 0 10px;}
.news-aa .news_box .notice article .news_desc {line-height: 26px;text-align: left;color: #7d7d7d;}
.news-aa .news_box .notice article .syxwline {width: 88px;height: 1px;background: #e60012;margin: 20px 0;float: left;}
.news-aa .news_box .notice_banner { width: 100%; height: 213px; margin: 28px 0 0; display: block; overflow: hidden; position: relative; -ms-background-position-x: 50%; background-position-x: 50%; -ms-background-position-y: 50%; background-position-y: 50%; background-repeat: no-repeat; }
.news-aa .news_box .notice_banner img { position: absolute; left: 50%; margin: 0 0 0 -634px; top: 0; }


/*联系*/
/*底部导航*/

.footer6-nav li h4 {padding: 0px 0 22px;}
.footer6-nav li h5 {line-height: 40px;}
.footer6-main .ewm .tu {width: 112px;height: 112px;}
.footer6-main .ewm .tu img {width: 112px;height: 112px;border-radius: 20px;}
.footer6-main .ewm {float: left;margin-top: 5%;width: 112px;margin-right: 32px;}
.footer6-main .ewm:last-child{ margin-right:0;}
.footer6-nav li {margin-right: 38px;}
.footer6 .f-right{width:25%;float:right;border-left: 0.5px solid rgba(255,255,255,.6);padding-left: 13%;}
.footer6 .f-right .logos{margin-bottom:2%;}
.footer6 .footer6-main .f-right h2{font-size:18px;color:#fff!important;}

.commonality{ padding:0;}
.ly8-wrap .ly8-form1Input,.form1Textarea1{ border:1px solid #ccc;}
.footer6{ background:#333;}
.footer6 .footer6-main{ width:1600px; padding: 50px 0 50px; border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer6 .copy{ width:1600px;}

@media screen and (max-width: 1680px){  
  .width_1600 {width: 90%;}
  .about .left p {font-size: 18px;line-height: 34px;}
  .about .right {width: 54%;}
  .box_wrap {top: 54%;}
  .box_wrap article{height: 500px;}
  .box_wrap article:hover {height: 520px;}
  .news-aa .news_box .notice article .syxwline {margin: 10px 0;}
  .footer6 .footer6-main {width: 90%;}
  .footer6 .f-right {width: 27%;}
  .footer6 .copy {width: 90%;}
}
@media screen and (max-width: 1600px){
  .about .left .biaoti img {padding-top: 16%;}
  .footer6 .f-right {width: 28%;}
  .footer6 .f-right {padding-left: 11%;}
}
@media screen and (max-width: 1500px){ 
  .about .left .biaoti img {padding-top: 14%;}
  .footer6-nav li {margin-right: 26px;}
  .footer6 .f-right {width: 30%;}
  .footer6 .f-right {padding-left: 9%;}
}
@media screen and (max-width: 1440px){
  .box_wrap article{height: 450px;}
  .about .left p {font-size: 16px;line-height: 32px;}
  .index-make-cont a {padding: 30px 0 38px;}
  .footer6 .f-right {width: 31%;}
}
@media screen and (max-width: 1400px){
  .footer6-nav li {margin-right: 20px;}
  .footer6-nav li h5 {line-height: 36px;}
  .footer6 .f-right {width: 32%;}
  .footer6 .f-right {padding-left: 7%;}
}
@media screen and (max-width: 1360px){
  .news-aa .news_box .notice article p {
    white-space:nowrap; /*文本不换行*/
	text-overflow:ellipsis;/*设置超出部分显示...*/
	-o-text-overflow:ellipsis;
	overflow: hidden;

    margin: 0 0 10px;
}
  .news-aa .news_box .notice article .news_desc {
    line-height: 48px;}
  .index-make-cont a {
    padding: 24px 0 16px;
}
  .footer6-nav li {margin-right: 18px;}
  .footer6 .f-right {padding-left: 6%;}
}
@media screen and (max-width:1300px){ 
.footer6-nav li h5 {line-height: 34px;}
  .footer6 .f-right {width: 34%;}
}



