.external1 {padding: 170px 200px 140px;display: flex;}
.external1 .left1 {background-repeat: no-repeat;padding: 21px 22px;margin-right: 70px;}
.external1 .left1 .swiper-container1 {width: 600px;height: 485px;overflow: hidden;}
.external1 .right1 {display: flex;flex-direction: column;justify-content: center;position: relative;left: 300px;opacity: 0;}
.external1 .right1 .span_box {display: flex;margin-bottom: 35px;}
.external1 .right1 span {font-size: 16px;width: 190px;height: 40px;border-radius: 20px;border: #000000 solid 1px;margin-right: 30px;text-align: center;line-height: 40px;}
.external1 .right1 span:hover {background-color: #e92903 ;color: #FFFFFF;border: #e92903 solid 1px;}

.external2 {padding: 0 280px;height: 660px;display: flex;background-size: 100% 100%;}
.external2 .box2 {height: 100%;width: 25%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #FFFFFF;padding: 0 50px;}
.external2 .box2:hover {background-color: rgba(210,74,76,0.8);}
.external2 .box2 span {font-size: 22px;margin-top: 30px;}
.external2 .box2 p {font-size: 17px;margin-top: 25px;line-height: 25px;}

.external3 {display: flex;flex-direction: column;align-items: center;padding: 95px 0;background-color: #f8f8f8;}
.external3 .contain_box3 {display: flex;justify-content: center; }
.external3 .contain_box3 .contain3 {display: flex; background-color: #FFFFFF;align-items: flex-start;padding: 40px 20px 30px;width: 455px;height: 250px;}
.external3 .contain_box3 .contain3 img {object-fit: contain;margin-right: 10px;}
.external3 .contain_box3 .box3 {display: flex;flex-direction: column;font-size: 18px;}
.external3 .contain_box3 .box3 div {font-weight: 700;}
.external3 .contain_box3 .box3 span {font-size: 16px;color: #b90103;margin: 5px 0 5px;}
.external3 .contain_box3 .box3 p {font-size: 16px;}
.external3 .img_box3 {display: flex;justify-content: center;margin-top: 65px;}
.external3 .img_box3 .i_box3 {width: 305px;height: 305px;}
.external3 .img_box3 .i_box3 .mask3 { display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;color: #FFFFF;color: #FFFFFF;display: none;}
.external3 .img_box3 .i_box3:hover .mask3 {display: flex;}

.external4 {padding: 130px 0;display: flex;flex-direction: column;align-items: center;color: #FFFFFF;background-size: 100% 100%;}
.external4 a {padding: 5px 40px;border-radius: 10px;background-color: #b90103;color: #FFFFFF;font-size: 18px;margin-top: 100px;}
.external4 a:hover {color: #FFFFFF;box-shadow: 1px 1px 1px #FFFFFF;}
.style4 {position: relative;top: 300px;opacity: 0;}

.show3{position: fixed;width: 100%;height: 100%;background-color:rgba(0,0,0,0.5);z-index: 10;top: 0px;left: 0px;display: flex;align-items: center;justify-content: center;display: none;flex-direction: column;}
.show3 img {width: 400px;object-fit: contain;}


/* 留言模块 */
.breadcrumb-banner-area:after {background-color: transparent !important;}
.foot_sub{color: #FFFFFF;}
.swiper-container {
	     width: auto;
	     height: 480px;
			 top: 37px;
	 } 
.submit_succes,
.submit_flase {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 80px;
	margin-left: -100px;
	margin-top: -40px;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	border-radius: 5px;
	display: none;
}
.submit_succes img,
.submit_flase img {
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 10px;
}
.mad p {white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    word-break: break-all;}

/* 动画 */
.anima1
{
    animation: anima1 2s;
    -webkit-animation: anima1 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima1
{
    0% {left: 300px;opacity: 0;}
    100% {left: 0px;opacity: 1;}
}
 
@-webkit-keyframes anima1 /* Safari 与 Chrome */
{
    0% {left: 300px;opacity: 0;}
   100% {left: 0px;opacity: 1;}
}
.anima4
{
    animation: anima4 2s;
    -webkit-animation: anima4 2s; /* Safari 与 Chrome */
		animation-fill-mode:forwards;
		-webkit-animation-fill-mode: forwards; /* Safari 与 Chrome */
		animation-iteration-count:1;
		-webkit-animation-iteration-count:1;
}
@keyframes anima4
{
    0% {top: 300px;opacity: 0;}
    100% {top: 0px;opacity: 1;}
}
 
@-webkit-keyframes anima4 /* Safari 与 Chrome */
{
    0% {top: 300px;opacity: 0;}
   100% {top: 0px;opacity: 1;}
}