.introduction_content { font-size: 15px;text-align: justify; color: #808080; line-height: 1.75;    padding-right: 4px; }
.introduction_1 { width: 100%; background: #F0F0F0; }


.mybetween{display: flex; display: -webkit-flex; justify-content: space-between;-webkit-justify-content:space-between}
.mycenter{display: flex; display: -webkit-flex;justify-content: center;-webkit-justify-content: center}
.mystart{display: flex;display: -webkit-flex; justify-content: flex-start;-webkit-justify-content: flex-start}
.myend{display: flex;display: -webkit-flex; justify-content: flex-end;-webkit-justify-content: flex-end}
.mymiddle{display: flex;display: -webkit-flex;-webkit-align-items:center;align-items:center;}
.mystretch{display: flex;display: -webkit-flex;-webkit-align-items:stretch;align-items:stretch;}
.mycol{display: flex;display: -webkit-flex; -webkit-flex-direction:column;flex-direction: column;}
.myrow{display: flex;display: -webkit-flex; -webkit-flex-direction:row;flex-direction: row;}
.mywrap{-webkit-flex-wrap:wrap;-webkit-box-lines:single;-moz-flex-wrap:wrap;flex-wrap:wrap;}　
.mynowrap{-webkit-flex-wrap:nowrap;-webkit-box-lines:single;-moz-flex-wrap:nowrap;flex-wrap:nowrap;}
.myhide{ display:none;}

.myrow1{padding:60px 40px;}
.introduction_1_left { width:calc(54% - 30px);}
.introduction_1_left_body { display: table-cell; vertical-align: middle; }
.introduction_1_right { width:46%;display: flex;display: -webkit-flex; -webkit-align-items: center;-ms-flex-align: center; align-items: center; }

.test { height: 130px; border: 1px solid blue; }
.introduction_2, .introduction_3, .introduction_4, .introduction_5 { margin-top:40px; }
.introduction_2_left {width:50%;}
.introduction_padd{ padding:0 30px;}
.myshadow{  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2); }
.introduction_2_left_title {color: #7e0014; margin-top: 20px; }
.introduction_2_left_title span { border-left: 4px solid #7e0014; margin-right: 4px; }
.introduction_2_body { margin-top: 20px ;    padding-bottom: 20px; }
.introduction_2_right {width:50%; }
.introduction_2_right img{width:100%; height:100%;}

.introduction_3 { width: 100%; background: url("/_upload/tpl/00/50/80/template80/extends/about/images/introduction-bg.jpg") no-repeat; background-size: 100% 100%; color: #ffffff; padding: 30px 0px; margin-bottom: -1px; }
.introduction_3_title { text-align: center; }
.introduction_3_body { padding:0 30px;margin-top: 20px; }
.introduction_4 { width: 100%; }
.introduction_4_left { }
.introduction_4_left1 { width:30%;}
.introduction_4_left2 { width:30%; }
.introduction_4_title { color: #7e0014; border-top: 4px solid #7e0014; margin-top: 0px; width: auto; display:inline-flex; line-height: 1.5; display: flex;display: -webkit-inline-flex; -webkit-flex-direction:column;flex-direction: column;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;}
.introduction_4_title span{ display:inline-block; vertical-align:top;}
.line-one { text-align: justify; text-align-last: justify; }
.introduction_4_body { width: 100%; margin-top: 10px; }
.introduction_4_right { width:32%;}
.introduction_4_right img{max-height:400px}


#introduction_img1,#introduction_img2,#introduction_img3{ height:100%;}


.introduction_5 { width: 100%; padding: 50px 30px; background: #F0F0F0; }
.introduction_5_title { color: #7e0014; }
.introduction_5_title span { border-left: 4px solid #7e0014; margin-right: 4px; }
.introduction_5_body1 { margin: 20px 0px; }
.introduction_1_left_body span, .introduction_2_body span, .introduction_5_body1 span, .introduction_4_body span { color: #7e0014; font-weight: 600; }
.introduction_5_body2 { margin: 20px 0px; }
.introduction_2_left_title, .introduction_3_title, .introduction_5_title { font-size: 20px;font-weight: 600; }
 .introduction_4_title{font-size: 16px;font-weight: 600;}
.introduction_6 { margin-top: 30px; display: flex; justify-content: flex-end; }
#introduction_photo { width: 134px; cursor: pointer; }
#introduction_vr { width: 134px; margin-left:30px;cursor: pointer; }
#introduction_photo:hover { content: url("/_upload/tpl/00/50/80/template80/extends/about/images/about-photo-on.png"); }
#introduction_vr:hover { content: url("/_upload/tpl/00/50/80/template80/extends/about/images/about-vr-on.png"); }

.introduction_1_pic{margin-top:30px;}
.introduction_1_pic .tupic1{ width:27.5%;}
.introduction_1_pic .tupic2{ width:27.5%;}
.introduction_1_pic .tupic3{ width:44%;}
.introduction_1_pic img{ display:block; width:100%;}
.introduction_1_pic .tupic3 img:last-child{ /*margin-top:5px;*/}

.introduction_4c{ margin-top:40px; width:100%; position:relative;}
.introduction_4c:before{ position:absolute; content:'';top:0;bottom:0;left:50%; width:1px; background:#e0e0e0}
.item_list{ width:50%; padding:0 20px; box-sizing:border-box;}
.item_list .tupic{ display:block; width:100%;}






 
 @media (max-width: 1400px) {
.myrow1{padding:60px 20px;}
.introduction_content { font-size: 14px; }
.introduction_2_right img{ position:absolute;top:0;left:0;right:0; bottom:0;margin: auto;max-width: 100%;width: 100%;height: 100%;object-fit: cover;}
#introduction_img1{position:relative; overflow:hidden; padding-top:84%;}
#introduction_img2{position:relative; overflow:hidden; padding-top:124%;}
#introduction_img3{position:relative; overflow:hidden; padding-top:90%;}
.introduction_4_right img{max-height:auto}

}
 @media (max-width: 1300px) {
.myrow1{padding:40px 20px;}

}
 @media (max-width: 1200px) {
.myrow1{padding:40px 20px;}
.introduction_2_left_title, .introduction_3_title, .introduction_4_title, .introduction_5_title{font-size: 16px;}
.introduction_2_body{ margin-top:10px;}
.introduction_1_pic .tupic1{ width:49%;}
.introduction_1_pic .tupic2{ width:49%;}
.introduction_1_pic .tupic3{ width:100%;}
.introduction_1_pic .tupic3 img,.introduction_1_pic .tupic3 img:last-child{ margin-top:10px;}
}
@media (max-width: 1100px) {
.introduction_content { font-size: 13px; }
.introduction_4_title{font-size: 14px;}

}
 @media (max-with: 999px) {
}
@media (max-width: 859px) {
.introduction_1_left,.introduction_1_right,.introduction_2_right,.introduction_2_left,.introduction_4_left1,.introduction_4_left1,.introduction_4_left2,.introduction_4_right,.introduction_4_body{ width:100%;}
.introduction_1_right{ margin-top:10px;}
.introduction_4_left1,.introduction_4_left2{margin-bottom:30px;}
.introduction_4_title{ -webkit-flex-direction:row;flex-direction: row;}
.wp_articlecontent img{ width:100%;}
.introduction_padd,.introduction_3_body{ padding:0 24px;}
.introduction_5{padding:32px 24px;}
.introduction_4c:before{ display:none;}
.item_list{ width:100%;}
}
  
 @media (max-width: 767px) {
.introduction_content{ padding:0 4px; font-size:14px; padding-top:10px;}
.introduction_4_title{font-size: 16px;}
.introduction_4_left{ padding:0 4px;}
.introduction_6{justify-content: center;-webkit-justify-content: center}
}
 @media screen and (max-width: 719px) {
	}
 @media screen and (max-width: 596px) {
	 .myrow1{ padding:24px 20px;}
	 .introduction_2, .introduction_3, .introduction_4, .introduction_5{ margin-top:30px;}
	 }
 @media screen and (max-width: 490px) {}
 @media screen and (max-width: 479px) {} 
 @media screen and (max-width: 414px) {}