@charset "utf-8";
/* CSS Document */
.banner {position: relative; z-index: 10;}

.ind_A .title_A { text-align: center; margin: 35px 0;}
.ind_A .ind_A_four { display: flex; flex-flow: wrap; padding-top: 20px; background: #bbd738;}
.ind_A .ind_A_four > div { position: relative; z-index: 1; width: 25%; margin-bottom: 10px; transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div::before { content: ''; position: absolute; bottom: -10px; left: 0; right: 0; top: 100%; z-index: 2; background: #ebff8c; transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div > .entit { position: absolute; top: 0; right: 0; z-index: 2; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; padding: 30px; font-size: 180%; color: #fff; line-height: 1.3; font-weight: 600; /*max-height: 50%;*/ text-shadow: /*2px 2px 0 #173c96, 2px -2px 0 #173c96, -2px -2px 0 #173c96, -2px 2px 0 #173c96,*/ 0px 6px 0 rgba(0, 0, 0, 0.3); font-family: "Montserrat", sans-serif;}
.ind_A .ind_A_four > div > .entit::before { content: attr(data-storke); position: absolute; z-index: -1; -webkit-text-stroke: 4px #173c96; text-stroke: 4px  #173c96;}
.ind_A .ind_A_four > div > .txt { position: absolute; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); color: #fff;
  padding: 10px 20px; width: 100%; min-height: 80px; max-height: 100%; overflow: hidden; /*text-align: justify;*/ transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div > .txt .title_B { position: relative; font-size: 180%; text-align: center; margin: 10px auto; line-height: 1.2; transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div > .txt .title_B::before { content: ''; position: absolute; bottom: -15px; left: 50%; width: 40px; height: 3px; background: transparent;
  transform: translateX(-50%); transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div > .txt p { font-size: 100%; margin: 0 auto; max-width: 65%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-align: center; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div > .txt .btn_a { margin: auto; max-width: 65%; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.5s ease 0s;}
.ind_A .ind_A_four > div > .txt .btn_a a { margin: auto; text-align: center;}
.ind_A .ind_A_four > div > .img { line-height: 0;}
.ind_A .ind_A_four > div:hover { cursor: pointer;}
.ind_A .ind_A_four > div:hover::before { background: transparent;}
.ind_A .ind_A_four > div:hover > .txt { padding: 15px 20px 50px 20px;}
.ind_A .ind_A_four > div:hover > .txt .title_B { margin: 10px auto 30px auto;}
.ind_A .ind_A_four > div:hover > .txt .title_B::before { background: #ebff8c;}
.ind_A .ind_A_four > div:hover > .txt p { margin: 10px auto 20px auto; max-height: 200px; opacity: 1;}
.ind_A .ind_A_four > div:hover > .txt .btn_a { max-height: 70px; opacity: 1;}
.ind_A .ind_A_four > div:hover > .txt .btn_a a { color: #fff; background: #173c96; border-color: #173c96;}
.ind_A .pic { background: url("../images/ind_05.jpg") no-repeat bottom center; background-size: cover; min-height: 204px;}
.ind_B .title_A { text-align: center; margin: 35px 0;}
.ind_B .ind_B_gray { background: #f3f3f3; padding: 35px 0;}
.ind_B .ind_B_gray p { letter-spacing: 2.1px; margin-bottom: 30px; /*text-align: justify;*/}
.ind_B .ind_B_gray .btn_b a { margin: auto;}
.ind_B .ind_B_pro .box .txt .title_B:nth-of-type(1) { letter-spacing: 1px;}
.ind_B .ind_B_pro .box .txt p:nth-of-type(1) { font-size: 90%; letter-spacing: 2.5px; font-family: "Montserrat", sans-serif;}
.ind_B .ind_B_pro .box .txt .title_B:nth-of-type(2) { letter-spacing: 1px; margin: 14% 0;}
.ind_B .ind_B_pro .box .txt p:nth-of-type(2) { letter-spacing: 0.5px; /*display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8;*/ overflow: hidden;}
.ind_C .title_A { text-align: center; margin: 35px 0;}
.ind_C .ind_C_two { display: flex; flex-flow: wrap;}
.ind_C .ind_C_two > div { width: 49.2%; position: relative; margin: 0 1.6% 30px 0; overflow: hidden;}
.ind_C .ind_C_two > div:nth-child(2n+2) { margin: 0 0 30px 0;}
.ind_C .ind_C_two > div > .txt { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: rgb(0, 0, 0,.4); padding: 40px 20px; transition: all 0.5s ease 0s;}
.ind_C .ind_C_two > div > .txt > .title_B { max-width: 80%; margin: 0px auto 12px auto; font-size: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.ind_C .ind_C_two > div >.txt > div { color: #fff; line-height: 1; font-weight: 400; font-size: 90%; max-width: 80%; margin: auto; font-family: "Montserrat", sans-serif;}
.ind_C .ind_C_two > div > .txt > div > span { margin-right: 10px;}
.ind_C .ind_C_two > div:hover > .txt { background: rgb(23, 60, 150,.8);}
.ind_D { background: url(../images/ind_11.jpg) no-repeat center; background-size: cover; padding: 3.582% 0;}
.ind_E { background: url(../images/ind_12.jpg) no-repeat center; background-size: cover; padding: 3.582% 0;}
.ind_D > div > div, .ind_E > div > div { display: flex; flex-flow: wrap; align-items: center;}
.ind_D > div > div > .txt, .ind_E > div > div > .txt { width: 45%; color: #fff;}
.ind_D > div > div > .entit, .ind_E > div > div > .entit { width: 55%; padding: 0 0 0 30px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl;}
.ind_D > div > div > .txt > p, .ind_E > div > div > .txt > p { margin: 5% 0 8% 0; letter-spacing: 0.5px;}
.ind_D > div > div > .txt > .btn_b a, .ind_E > div > div > .txt > .btn_b a { color: #fff; border-color: #fff;}
.ind_D > div > div > .entit > div, .ind_E > div > div > .entit > div { font-size: 240%; font-weight: 700; color: #fff; line-height: 1.3; font-family: "Montserrat", sans-serif;}
.ind_E > div > div > .txt > .btn_b a:hover { background: #fff !important; color: #173c96 !important; border-color: #fff !important;}