
.main_con_wrap{}

  @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&display=swap');


#section1{width:1440px; margin:0 auto; padding:8em 0;}
#section2{width:100%; }
#section3{background-color:#f9f9f9}
#section4{}
#section5{background-color:#f9f9f9}

.en2{font-family: 'Chakra Petch', sans-serif !important }




/*section1*/


.main_con_wrap #section1 .section1_inner .values_wrap{width:32%; height:550px; border-radius:10px; padding:2em; box-sizing:border-box; position: relative; cursor:pointer;}

.main_con_wrap #section1 .section1_inner .values_wrap:nth-child(1){background:url('/common/img/main/value_img6.jpg') no-repeat center; background-size:cover;}

.main_con_wrap #section1 .section1_inner .values_wrap:nth-child(2){background:url('/common/img/main/value_img5.jpg') no-repeat center; background-size:cover;}

.main_con_wrap #section1 .section1_inner .values_wrap:nth-child(3){background:url('/common/img/main/value_img4.jpg') no-repeat center; background-size:cover;}


.main_con_wrap #section1 .section1_inner .values_wrap .values_bg{position: absolute; width:100%; height:100%; background:rgba(0,0,0,0.5); top:0; left:0; border-radius:10px; transition:all 0.5s;}
.main_con_wrap #section1 .section1_inner .values_wrap .values_text_wrap{ color:#fff; position: absolute; top:15%; left:50%; transform:translate(-50%,-15%); text-align:center; width:80%; height:100%; padding:2em 0; box-sizing:border-box;}

.main_con_wrap #section1 .section1_inner .values_wrap:nth-child(1) .values_bg:hover{background:#506077; transition:all 0.5s;}
.main_con_wrap #section1 .section1_inner .values_wrap:nth-child(2) .values_bg:hover{background:#00c5a8; transition:all 0.5s;}
.main_con_wrap #section1 .section1_inner .values_wrap:nth-child(3) .values_bg:hover{background:#ac9b0e; transition:all 0.5s;}





.main_con_wrap #section1 .section1_inner p:nth-child(1){font-size:1.2rem; color:#fff; font-weight:700;}
.main_con_wrap #section1 .section1_inner p:nth-child(1):after{content:''; display:block; width:20px; height:2px; background:#fff; margin:10px auto;}
.main_con_wrap #section1 .section1_inner p:nth-child(2){font-size:1.8rem; color:#fff;
 font-weight:700; margin:1.5em 0 1em 0;}
.main_con_wrap #section1 .section1_inner p:nth-child(3){font-size:1.1rem; color:#fff; font-weight:500; line-height:1.3; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:9; -webkit-box-orient:vertical;}



/*section2*/

#section2 {background:url('/common/img/main/contact.png') no-repeat  0 -117px / cover , rgba(255, 255, 255, 0.6);background-blend-mode:lighten;background-attachment:fixed;padding:3% 0;}
#section2 .textbox{text-align:center}
#section2 h3{font-size:1.2em;font-weight:500;letter-spacing:-1px;background:#185192;border-radius:20px;color:#fff;padding:10px 20px;display:inline-block;width:auto}
#section2 p{font-size:2.6em;font-weight:600;letter-spacing:-1px;margin:10px 0 40px 0;}
#section2 a.btn{font-size:1.1em; border:1px solid #000; padding:12px 60px;  color:#000; display:inline-block; transition:all 0.3s ease-out; border-radius:5px;font-weight:500 !important}
#section2 a.btn:hover{border:1px solid #185192;color:#185192;}
.main_blue{color:#185192}
@media all and (max-width:1000px){
#section2{background:url('/common/img/main/contact.png') no-repeat  center bottom / cover , rgba(255, 255, 255, 0.6);padding:70px  0 !important}
#section2 img{width:50px !important}
#section2 p{font-size:2em !important;margin-top:10px !important; word-break:keep-all;line-height:1.3}
#section2 p:last-of-type{font-size:1.5em !important;}
}


/*section3*/

#section3 .section3_inner{width:1440px; margin:0 auto; padding:8em 0;}
#section3 .section3_wrap {width:100%; align-items:center;}
#section3 .section3_inner .img_box {width:50%; height:50vh; position:relative;transition: all 0.3s ease-out; box-sizing:border-box; background-color:#f1f1f1;}
#section3 .section3_inner .img_box:after {content:''; width:100%; height:100%;  position:absolute; right:0; bottom:0;background:url('/common/img/main/img1.jpg') no-repeat center; background-size:cover;transition: all 0.3s ease-out; border-radius:10px;}
/*#section3 .section3_inner .img_box:hover:after {content:''; width:100%; height:100%; position:absolute; right:-20px; bottom:-20px; background:url('/common/img/main/img1.jpg') no-repeat center; background-size:cover;}*/

 
#section3 .section3_inner .img_box span.line {width:100px; height:1px; background-color:#333; position:absolute; right:-50px; top:60px; z-index:9999999999}
    

#section3 .section3_inner .left_box {width:50%; position:relative; text-align:center;}
#section3 .section3_inner .left_box .info_t { width:100%; display:inline-block; box-sizing:border-box; color:#222; font-size:1.5rem; line-height:1.5em; letter-spacing:-1px; margin:3% 0 5% 0}
#section3 .section3_inner .left_box h3 {color:#002752; font-size:3.8rem; font-weight:800}


  
.basic_btn {width:200px; text-align:center; display:inline-block; transition:all 0.3s ease-out; position:relative; overflow:hidden; border-radius:5px; border:1px solid #002752; }
.basic_btn span {box-sizing:border-box; width:100%; display:inline-block; color:#002752 !important;  font-size:1rem; line-height:47px; letter-spacing:1px; font-weight:500}
.basic_btn:after {width:100%; height:100%; display:inline-block; position:absolute; left:-100%; top:0; content:'+view more'; background-color:#002752; color:#fff; font-size:1em; line-height:47px; letter-spacing:1px; font-family: 'Montserrat'; font-weight:500; transition: all 0.5s ease-out;}
.basic_btn:hover:after {left:0;}
 




/*section4*/
#section4 .section4_inner{width:1440px; margin:0 auto; padding:8em 0;}
#section4 .section4_inner .news_list div {border-top:1px solid #ddd; padding:49px 0 53px 0; align-items:center;}
#section4 .section4_inner .news_list div:hover .name_news {color:#2483f7;}
#section4 .section4_inner .news_list div:hover span {color:#2483f7;}
#section4 .section4_inner .news_list div:hover .xi {color:#2483f7;}
#section4 .section4_inner .news_list div span {display:inline-block; width:135px; font-size:1.2rem; line-height:40px; color:#000; margin-right:70px; vertical-align:middle; font-weight:600;}
#section4 .section4_inner .news_list div:last-child {border-bottom:1px solid #ddd;}
#section4 .section4_inner .news_list div .name_news {font-weight:700; font-size:1.4rem; color:#000; white-space:nowrap; text-overflow:ellipsis; width:calc(100% - 210px); 
line-height:40px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
#section4 .section4_inner .news_list div .xi {font-size:1.5rem; margin-left:5em;}



/*section5*/
#section5 .section5_inner{width:1440px; margin:0 auto; padding:6em 0; }
#section5 .section5_inner .section_in{align-items:flex-end; justify-content:space-between;}
#section5 .section5_inner .section_in .map_img{width:60%}
#section5 .section5_inner .section_in .map_txt{width:38%;}
.map_txt{}
.map_txt h2{font-size:1.5em; font-weight:600; padding-bottom:25px; line-height:1.3; }
.map_txt p{font-size:1.2em; font-weight:400; line-height:1.3;margin-bottom:5px; }
.map_txt a{color:#000 !important}
.map_txt span{border:1px solid #003b7c; color:#003b7c !important; font-weight:500; font-size:1rem; line-height:37px; height:37px;  width:100px; cursor: pointer; border-radius:5px;}
.map_txt span:after{width:100%; height:100%; display:inline-block; position:absolute; left:-100%; top:0; content:'view+'; background-color:#003b7c; color:#fff; font-size:1em; line-height:37px; letter-spacing:1px; font-family: 'Montserrat'; font-weight:500; transition: all 0.5s ease-out;}
.basic_btn.tm20{width:176px;}


@media all and (max-width:1000px){
#section5 .section_in {margin-top:25px !important}
.map_txt h2{font-size:1.2em;text-align:left}
.map_txt p{font-size:1em;margin-bottom:5px}
.map_txt img{width:25px !important;}
.map_txt p:nth-of-type(2) img{width:19px !important;}
}