
/* CSS Document */
/* @import url(css/page_1024.css)  screen and (max-width:1024px); */
/* CSS Document_1024 常用设备*/
/* @import url(css/page_768.css) screen and (max-width:768px); */
/* CSS Document_768 常用设备*/
/* @import url(css/page_414.css) screen and (max-width:414px); */
/* CSS Document_414 常用设备*/
/*! 官网通用页头 start*/
@import url("top_nav.css");
/*! 官网通用页尾 start*/
@import url("foot_wrap.css");
.page{/* min-width: 1100px; */}
#ind_main{background-image: url(../img/icon/con_bag.jpg);}
section .img_title{display: block;text-align: center;padding-top: 0.8rem;padding-bottom: 0.6rem;}
section .con_main{/* background-color: rgba(255 255 255 / 100%); */min-height: 100px;}

#section1{}
#section1 .con_main{display: flex;justify-content: space-between;align-items: center;background: #fff;}
#section1 .con_main .con_main1{width: 50%;height: 100%;overflow: hidden;display: flex; align-items: center;}
#section1 .con_main .con_main1 img{width: 100%;height: 100%;object-fit: cover;}

#section1 .con_main .con_main2{width: 50%;padding-top: 3%}
#section1 .con_main .con_main2 .title1{padding: 0 10%;}
#section1 .con_main .con_main2 .title1 h1{font-size: 28PX;color: #c8252b;}
#section1 .con_main .con_main2 .title1 h2{font-size: 32px;font-family: impact;color: #eaeaea;font-weight: 500;}
#section1 .con_main .con_main2 .title1 P{
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 5;
	    -webkit-box-orient: vertical;
	    font-size: 0.2rem;
	    color: #666666;
	    line-height: 0.4rem;
	    padding-top: 5%;
	    }
#section1 .con_main .con_main2 .title2{padding-top: 5%;}
#section1 .con_main .con_main2 .title2 ul.U_der{}
#section1 .con_main .con_main2 .title2 ul.U_der li.li_der{width: calc((100% - 3px)/4);float: left;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 20px 0;
}
#section1 .con_main .con_main2 .title2 ul.U_der li:nth-child(1){border-left: 0;}
#section1 .con_main .con_main2 .title2 ul.U_der li.li_der p{margin-bottom: 20px; font-size: 24px;color: #333333;width: 100%;margin: 0 auto;text-align: center;position: relative;transform: translateY(25px);}
#section1 .con_main .con_main2 .title2 ul.U_der li.li_der span{margin-bottom: 10px;width: 100%;text-align: center;font-size: 14px;color: #666;display: block;position: relative;transform: translateY(25px);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
#section1 .con_main .con_main2 .title2 ul.U_der li.li_der a{display: block;text-align: center;width: 100%; position: relative;transform: translateY(25px);opacity: 0;}
#section1 .con_main .con_main2 .title2 ul.U_der li.li_der:hover{background-color: #c8252b;}
#section1 .con_main .con_main2 .title2 ul.U_der li.li_der:hover .text{transform: translateY(0px);opacity: 1;color: #fff}

#section2{}
#section2 .con_main{background:none;margin-bottom: 40px;}

#section3{max-height: 690px;overflow: hidden;background: #000 url(../img/section3-1.jpg) no-repeat center;padding-bottom: 80px;}
#section3 .con_main{background:none;display: flex;justify-content: space-between; align-items: center;}
#section3  .con_main1{width: auto;max-width: 660px; height: 100%;overflow: hidden;display: flex; align-items: center;}
#section3  .con_main1 img{width: 100%;height: 100%;object-fit: cover;}
#section3  .con_main2{width:auto;height: 100%;overflow: hidden;display: block;align-items: center;background-color: #c8252b;padding: 2% 5%;color: #fff;}
#section3  .con_main2 h1{width: 100%;height: auto;font-size: 28px;font-weight: 500;}
#section3  .con_main2 h2 {font-family:'Microsoft Yi Baiti';font-weight:500;font-size:22px;}
#section3  .con_main2 hr {margin: 40px 0;}
#section3  .con_main2 p {font-size:14px;line-height: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#section3  .con_main2 a {color:#fff;font-size:18px;float:right;}


#section4{
    margin-bottom: 80px;
}
#section4 ul{}
#section4 ul li{width: calc((100% -  16% - 160px)/4);float: left;background: url(../img/section4-2.png) no-repeat center;background-size: 100% 100%;margin: 0 2%;padding: 45px 20px;text-align: center;color: #000;}
#section4 ul li i {position:relative;width:100%;display:block;}
#section4 ul li .img1 {opacity:1;z-index: 1;}
#section4 ul li .img2 {position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;opacity:0;}
#section4 ul li h1 {font-size:28px;font-weight:500;}
#section4 ul li span {font-size:14px;}
#section4 ul li hr {margin:20px auto;border-bottom-color:rgba(102 102 102 / 29%);max-width: 90%;}
#section4 ul li p {line-height:28px;width: 90%;margin: 0 auto;}
#section4 ul li a {font-size:16px;color:#c8252b;margin-top:40px;}


#section4 ul li:hover{background: url(../img/section4-1.png) no-repeat center;color: #fff;}
#section4 ul li:hover .img1{opacity: 0;}
#section4 ul li:hover .img2{opacity: 1;z-index: 2;}
#section4 ul li:hover hr{border-bottom-color:rgba(255 255 255 / 20%);}
#section4 ul li:hover p {color: #fff;}
#section4 ul li:hover a {color: #fff;}


#section5{background-color: #fff;}
#section5 .con_main{background:none;display: flex;overflow: hidden; justify-content: space-between; align-items: center;}

#section5  .con_main1{ width: 43%;}
#section5  .con_main2{ width: 55%;overflow-y: auto;}
#section5  .con_main2 ul.U_der{display: flex;flex-wrap: wrap;}
#section5  .con_main2 ul.U_der li{position: relative;flex: 0 0 100%;margin-bottom: 0.2rem;}
#section5 .con_main2 ul.U_der li:nth-child(1){display: none;}
#section5  .con_main2 ul.U_der li .item_img{width: 25%;float: left;margin-right: 1%;position: relative;padding-top: 24%;overflow: hidden;border: 0;}
#section5  .con_main2 ul.U_der li .item_img a{
    position: absolute;
    top: 50%;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#section5  .con_main2 ul.U_der li .item_img img{height: 100%;/* max-height: 180px; *//* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%,50%); */width: 100%;object-fit: cover;}
#section5  .con_main2 ul.U_der li .item_text{width: 64%;float: left;}
#section5  .con_main ul.U_der li .item_text h2{font-size: 0.24rem;}
@media screen and (max-width: 960px) {
	.page{/* min-width: 1100px; */padding-top: 55px;}
	#section1 .con_main{display: block;}
	#section1 .con_main .con_main1{width: 100%;height: auto !important;}
	#section1 .con_main .con_main2{width: 100%;}
	#section1 .con_main .con_main2 .title1{padding:0 0.5rem;}
	#section1 .con_main .con_main2 .title1 P{line-height: 0.5rem;}
	#section1 .con_main .con_main2 .title2 ul.U_der li.li_der p{font-size: 0.35rem;}
	#section1 .con_main .con_main2 .title2 ul.U_der li.li_der {width: calc((100% - 3px - 0.8rem)/4); padding: 0 0.1rem;}
	#section2 .con_main{margin-bottom: 0;}
	#section3 .con_main{display: block;}
	#section3 .con_main1{height: auto !important;}
	#section3 .con_main2 hr{margin: 0.1rem 0;}
	#section3 .con_main2 p{line-height:0.5rem}
	
	#section4{
	    margin-bottom: 20px;
	}
	#section4 ul{}
	#section4 ul li{width: calc((100% -  20px)/2);float: left;background: url(../img/section4-2.png) no-repeat center;background-size: 100% 100%;margin: 5px;padding: 0;text-align: center;color: #000;}
	#section4 ul li i {position:relative;width: 50%;display:block;margin: 20px auto 10px;}
	#section4 ul li .img1 {opacity:1;z-index: 1;}
	#section4 ul li .img2 {position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:-1;opacity:0;}
	#section4 ul li h1 {font-size: 0.4rem;font-weight:500;}
	#section4 ul li span {font-size:14px;display: none;}
	#section4 ul li hr {margin: 10px auto;border-bottom-color:rgba(102 102 102 / 29%);max-width: 90%;}
	#section4 ul li p {line-height:28px;width: 90%;margin: 0 auto;display: none;}
	#section4 ul li a {font-size:16px;color:#c8252b;margin-top: 0px;margin-bottom: 10px;}
	
	#section5 .con_main{background:none;display: block;overflow: hidden;justify-content: space-between;align-items: center;}
	#section5  .con_main1{width: 100%;}
	#section5  .con_main1 ul.U_der li .item_text p{line-height: 0.4rem;}
	
	#section5  .con_main2{width: 100%;overflow-y: auto;margin-top: .4rem;}
	#section5  .con_main2 ul.U_der{display: flex;flex-wrap: wrap;}
	#section5  .con_main2 ul.U_der li{position: relative;flex: 0 0 100%;margin-bottom: 0.2rem;}
	#section5  .con_main2 ul.U_der li .item_img{width: 45%;float: left;margin-right: 1%;position: relative;padding-top: 24%;overflow: hidden;}
	#section5  .con_main2 ul.U_der li .item_img a{ position: absolute; top: 50%;width: 100%;height: 100%;left: 50%;transform: translate(-50%,-50%);}
	#section5  .con_main2 ul.U_der li .item_img img{height: 100%;/* max-height: 180px; *//* position: absolute; *//* top: 50%; *//* left: 50%; *//* transform: translate(-50%,50%); */width: 100%;object-fit: cover;}
	#section5  .con_main2 ul.U_der li .item_text{width: 54%;float: left;}
	#section5  .con_main2 ul.U_der li .item_text p{-webkit-line-clamp: 1;}



}
	