.visual {width:100%; position:relative; background-color:#fff;}
.visual .visual_sw {z-index:1; min-width:1600px; opacity:1;}
.visual.active .visual_sw {transition:0.6s; transition-delay: 0.8s; opacity:1;}

.visual .visual_sw .swiper-slide {width:100%; height:685px; overflow: hidden; position:relative; z-index: 1;}
.visual .visual_sw .swiper-slide .slide_bg {min-width:1920px; width:100%; position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); z-index: 3;}
.visual .visual_sw .swiper-slide img {min-width:1920px; width:100%; position: relative; z-index: 2;}

.visual_info_box {width:100%; height:685px; position:absolute; z-index:2; top:0; left:0; min-width:1600px; z-index:2}

.visual_info_box .visual_txt_box {width:100%; position:relative; text-align: center; padding-top:210px; z-index:1; min-width:1600px;}
.visual_info_box .visual_txt_box p {line-height:74px; text-shadow: 5px 5px 20px rgb(0 0 0 / 40%)}
.visual_info_box .visual_txt_box p font {font-size:60px; color:#fff; font-weight:400; letter-spacing:-0.025em; top:0; position:relative; opacity:1;}
.visual_info_box .visual_txt_box p font:nth-child(2) {color: #fff; font-weight: 700; margin:0px 15px; top:0;}

.visual.active .visual_info_box .visual_txt_box p font {top:0; opacity:1; transition:0.6s; transition-delay:1.4s;}

.visual_info_box .visual_txt_box span {font-size:38px; color:#fff; font-weight:400; font-family: 'Times New Roman'; letter-spacing:-0.025em; line-height:34px; text-shadow: 5px 5px 20px rgb(0 0 0 / 30%); display: block; margin-bottom:35px; opacity:1;}
.visual_info_box .visual_txt_box em {font-size:20px; color:#fff; font-weight: 400; letter-spacing:-0.025em; text-shadow: 5px 5px 20px rgb(0 0 0 / 30%); display: block; opacity:1;}

.visual.active .visual_info_box .visual_txt_box span {opacity:1; transition:0.6s; transition-delay:1.6s;}
.visual.active .visual_info_box .visual_txt_box em {opacity:1; transition:0.6s; transition-delay:1.6s;}


.visual_info_box .visualPage {width:100%; text-align: center; position:absolute; bottom:145px; left:0; opacity:1;}
.visual.active  .visual_info_box .visualPage {opacity:1; transition:0.6s; transition-delay:1.6s;}
.visual_info_box .visualPage ul {display:inline-block; zoom:1; *display:inline; overflow: hidden;}
.visual_info_box .visualPage ul li {display: flex; align-items: center; justify-content: center; width:20px; height:20px; border:1px solid transparent; float:left; margin:0px 5px; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; cursor: pointer;}
.visual_info_box .visualPage ul li span {display: inline-block; width:6px; height:6px; background-color: #fff; -ms-border-radius:100%; -moz-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.visual_info_box .visualPage ul li.on {border: 1px solid #fff;}
.visual_info_box .controller {width:15px; height:16px; position:relative; display:inline-block; zoom:1; *display:inline; margin-left:20px;}



.main_wrap {position: relative; width: 100%;}
.main_content {position: relative; width: 100%; margin: 0 auto;}

.m_Embrce{position: relative; width: 100%; background-color:#fff;}
.m_Embrce_left {display:inline-block; float: left; width: 40%; background-color:#f6851f; height: 820px; padding-top:101px;}
.m_Embrce_left_cont{float: right;width: 398px;}
.m_Embrce_left_cont p.EmbrceTit {font-size: 70px; color: #fff; font-weight: 400;}
.m_Embrce_left_cont p.EmbrceTit2 {font-size: 70px; color: #fff; font-weight: 500; padding-bottom:50px; line-height: 0.9;}
.m_Embrce_left_cont div.EmbrcesTit {font-size: 18px; color: #fff; font-weight: 400; padding-bottom:52px;}
.m_Embrce_left_cont div.view_btn {width:240px; color:#056839; font-size: 16px; text-align: left; margin-top:51px; padding: 12px 0px 12px 18px; background: #fff url('../img/main/aview_btn_off.png') top 18px right 18px no-repeat;}
.m_Embrce_left_cont div.view_btn:hover {transition:0.3s; color: #fff; background: #ce3500 url('../img/main/aview_btn_on.png') top 18px right 18px no-repeat;}

.m_Embrce_right {position: relative; overflow: hidden; display:inline-block; width: 59.85%; height: 820px; padding-top:101px; padding-left:61px;}
.m_Embrce_right .About_bg{position: absolute; bottom: 77px; left: 340px;}
.m_Embrce_cont {width:720px;}
.m_Embrce_cont01 {position: relative; float:left; width:229px; height:495px;}
.m_Embrce_cont02 {float:right; width:470px;}
.m_Embrce_cont02 ul {overflow: hidden;}
.m_Embrce_cont02 ul li{position: relative; float:left; width:223px; height:236px; margin-right:22px; margin-bottom:22px;}
.m_Embrce_cont02 ul li:nth-child(2n+0){float:left; width:223px; height:236px; margin-right:0px;}
div.aboutImg{overflow: hidden;position: absolute; top: 0px; left: 0px;  z-index: 1;}
p.about_thum_Tit {position: absolute; top: 50%; left: 50%; color: #fff; font-size: 22px; font-weight: 500; transform: translate(-50%, -50%);  z-index: 10;}
p.about_thum_Tit2 {position: absolute; width: 122px; top: 50%; left: 50%; color: #fff; font-size: 22px; font-weight: 500; transform: translate(-50%, -50%);  z-index: 10;}
p.about_thum_Tit3 {position: absolute; width: 166px; top: 50%; left: 50%; color: #fff; font-size: 22px; font-weight: 500; transform: translate(-50%, -50%);  z-index: 10;}

/*** mask01 ***/
.m_Embrce_cont02 ul li:nth-child(1) .gall_hover {cursor: pointer; position: absolute; width:100%; height:236px; top:0; left:0; background:url("../img/main/about_thum2_ov.jpg") center top; opacity:0; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(1) .gall_hover:hover {opacity:1;  background:url("../img/main/about_thum2_ov.jpg") center top; transition:all 0.3s; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(1) .gall_hover .gh_position img {opacity:0; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(1) .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%); opacity:0;  transition:all 0.3s;}

.m_Embrce_cont02 ul li:nth-child(1) .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(1) .gall_hover:hover .gall_center
{
	position: absolute;
    top: 36%;
	text-align:center;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}

.m_Embrce_cont02 ul li:nth-child(1) .gall_hover:hover .gall_center .ov_Tit{color: #333; font-size: 18px; font-weight: 500; padding-bottom:12px;}
.m_Embrce_cont02 ul li:nth-child(1) .gall_hover:hover .gall_center p.ov_em{background:url("../img/main/ov_line.jpg") center top no-repeat; color: #333; font-size: 14px; font-weight: 500; padding-top:12px; line-height: 1.2;}

/*** mask02 ***/
.m_Embrce_cont02 ul li:nth-child(2) .gall_hover {cursor: pointer; position: absolute; width:100%; height:236px; top:0; left:0; background:url("../img/main/about_thum3_ov.jpg") center top; opacity:0; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(2) .gall_hover:hover {opacity:1;  background:url("../img/main/about_thum3_ov.jpg") center top; transition:all 0.3s; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(2) .gall_hover .gh_position img {opacity:0; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(2) .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%); opacity:0;  transition:all 0.3s;}

.m_Embrce_cont02 ul li:nth-child(2) .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(2) .gall_hover:hover .gall_center
{
	position: absolute;
    top: 36%;
	text-align:center;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}

.m_Embrce_cont02 ul li:nth-child(2) .gall_hover:hover .gall_center .ov_Tit{color: #333; font-size: 18px; font-weight: 500; padding-bottom:12px;}
.m_Embrce_cont02 ul li:nth-child(2) .gall_hover:hover .gall_center p.ov_em{background:url("../img/main/ov_line.jpg") center top no-repeat; color: #333; font-size: 14px; font-weight: 500; padding-top:12px; line-height: 1.2;}

/*** mask01 ***/
.m_Embrce_cont02 ul li:nth-child(3) .gall_hover {cursor: pointer; position: absolute; width:100%; height:236px; top:0; left:0; background:url("../img/main/about_thum4_ov.jpg") center top; opacity:0; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(3) .gall_hover:hover {opacity:1;  background:url("../img/main/about_thum4_ov.jpg") center top; transition:all 0.3s; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(3) .gall_hover .gh_position img {opacity:0; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(3) .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%); opacity:0;  transition:all 0.3s;}

.m_Embrce_cont02 ul li:nth-child(3) .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(3) .gall_hover:hover .gall_center
{
	position: absolute;
    top: 36%;
	text-align:center;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}

.m_Embrce_cont02 ul li:nth-child(3) .gall_hover:hover .gall_center .ov_Tit{color: #333; font-size: 18px; font-weight: 500; padding-bottom:12px;}
.m_Embrce_cont02 ul li:nth-child(3) .gall_hover:hover .gall_center p.ov_em{background:url("../img/main/ov_line.jpg") center top no-repeat; color: #333; font-size: 14px; font-weight: 500; padding-top:12px; line-height: 1.2;}

/*** mask01 ***/
.m_Embrce_cont02 ul li:nth-child(4) .gall_hover {cursor: pointer; position: absolute; width:100%; height:236px; top:0; left:0; background:url("../img/main/about_thum5_ov.jpg") center top; opacity:0; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(4) .gall_hover:hover {opacity:1;  background:url("../img/main/about_thum5_ov.jpg") center top; transition:all 0.3s; z-index: 100;}
.m_Embrce_cont02 ul li:nth-child(4) .gall_hover .gh_position img {opacity:0; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(4) .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%); opacity:0;  transition:all 0.3s;}

.m_Embrce_cont02 ul li:nth-child(4) .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.m_Embrce_cont02 ul li:nth-child(4) .gall_hover:hover .gall_center
{
	position: absolute;
    top: 36%;
	text-align:center;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}

.m_Embrce_cont02 ul li:nth-child(4) .gall_hover:hover .gall_center .ov_Tit{color: #333; font-size: 18px; font-weight: 500; padding-bottom:12px;}
.m_Embrce_cont02 ul li:nth-child(4) .gall_hover:hover .gall_center p.ov_em{background:url("../img/main/ov_line.jpg") center top no-repeat; color: #333; font-size: 14px; font-weight: 500; padding-top:12px; line-height: 1.2;}


/*** mask ***/
.m_Embrce_cont01 .gall_hover {cursor: pointer; position: absolute; width:100%; height:495px; top:0; left:0; background:url("../img/main/about_thum_ov.jpg") center top; opacity:0; z-index: 100;}
.m_Embrce_cont01 .gall_hover:hover {opacity:1;  background:url("../img/main/about_thum_ov.jpg") center top; transition:all 0.3s; z-index: 100;}
.m_Embrce_cont01 .gall_hover .gh_position img {opacity:0; transition:all 0.3s;}
.m_Embrce_cont01 .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%); opacity:0;  transition:all 0.3s;}

.m_Embrce_cont01 .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.m_Embrce_cont01 .gall_hover:hover .gall_center
{
	position: absolute;
    top: 42%;
	text-align:center;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}

.m_Embrce_cont01 .gall_hover:hover .gall_center .ov_Tit{color: #333; font-size: 18px; font-weight: 500; padding-bottom:12px;}
.m_Embrce_cont01 .gall_hover:hover .gall_center p.ov_em{background:url("../img/main/ov_line.jpg") center top no-repeat; color: #333; font-size: 14px; font-weight: 500; padding-top:12px; line-height: 1.2;}


.m_Core{position: relative; width: 100%; background-color:#f6851f;}
.m_Core_left {display:inline-block; float: left; width: 40%; height: 820px; background-color:#fff; padding-top:104px;}
.m_Core_left_cont{float: right;width: 398px;}
.m_Core_left_cont p.CoreTit {font-size: 70px; color: #333; font-weight: 400;}
.m_Core_left_cont p.CoreTit2 {font-size: 70px; color: #333; font-weight: 500; padding-bottom:50px; line-height: 0.9;}
.m_Core_left_cont div.CoresTit {font-size: 20px; color: #333; font-weight: 400; padding-bottom:52px;}
.m_Core_left_cont p.CoresTit_st {font-size: 20px; color: #f6851f; font-weight: 400; padding-bottom:6px;}
.m_Core_left_cont p.CoresTit_st_em {font-size: 16px; color: #333; font-weight: 400; padding-bottom:26px;}

.m_Core_right {display:inline-block; width: 59.85%; height: 820px;}
.m_Core_right img{padding-top: 75px; padding-left: 80px;}

.main_inner {width: 1180px; margin: 0 auto;}

.m_recruit {width: 100%; background:url("../img/main/recruit_bg.jpg") center top; height:821px; padding-top:98px; margin:0 auto;}
.m_recruit_Tit{text-align: center; margin:0 auto; color:#fff; font-size: 70px;}
.m_recruit_Tit p {display:inline-block; color:#fff; font-size: 70px; font-weight: 500;}
.m_recruit_Tit span {display:inline-block;color:#fff; font-size: 70px;  font-weight: 400;}

.m_recruit_list {width: 1180px; margin: 0 auto; padding-top:70px;}
.m_recruit_list ul {overflow: hidden;}
.m_recruit_list ul li{position: relative;  float:left; width:367px; height:418px; margin-right:39px; text-align: center; background-color: #fff;}
.m_recruit_list ul li div.recurImg{overflow: hidden;}
.m_recruit_list ul li:last-child{position: relative;  float:left; width:367px; height:418px; margin-right:0px; text-align: center; background-color: #fff;}

.m_recruit_list ul li a{position:relative; display:block; width: 367px; height: 418px; border:1px solid #fff;} 
.m_recruit_list ul li a:hover{text-decoration: none;border:1px solid #f18e21;font-weight:600; }
.m_recruit_list ul li a:hover:before{position:absolute;left:-1;top:-1;content:'';display:block;border:0px; width: 367px; height: 418px; z-index:0;}
.m_recruit_list ul li p {text-align: center; font-size: 20px;  font-weight: 400; padding:26px 0px;}

/*** mask ***/
.m_recruit_list .gall_hover {cursor: pointer; position: absolute; width:100%; height:418px; top:0; left:0; z-index: 100;}
.m_recruit_list .gall_hover .gh_position img {opacity:0; transition:all 0.3s;}
.m_recruit_list .gall_hover .gall_center {position: absolute; top:50%; width:100%; left:0; -webkit-transform:translateY(-20%); -moz-transform:translateY(-20%); -ms-transform:translateY(-20%); -o-transform:translateY(-20%); transform:translateY(-20%); opacity:0;  transition:all 0.3s;}

.m_recruit_list .gall_hover:hover .gh_position img {opacity:1; transition:all 0.3s;}
.m_recruit_list .gall_hover:hover .gall_center
{
	position: absolute;
    top: 30%;
	text-align:center;
    width: 100%;
    left: 0;
    -webkit-transform: translateY(-10%);
    -moz-transform: translateY(-10%);
    -ms-transform: translateY(-10%);
    -o-transform: translateY(-10%);
    transform: translateY(-10%);
    opacity: 1;
    transition: all 0.3s;
	}





.m_process {width: 100%;}
.m_process_cont {width: 1180px; margin: 0 auto;}
.m_process_cont ul {overflow: hidden;}
.m_process_cont ul li{float:left; width:398px;}
.m_process_cont ul li p.m_process_Tit {font-size: 70px; color: #333; font-weight: 500; padding-top:102px; padding-bottom:23px;}
.m_process_cont ul li div.m_process_sTit {font-size: 50px; color: #333; font-weight: 500; line-height: 1.2; padding-bottom:42px;}
.m_process_cont ul li span.m_process_em {font-size: 18px; color: #333; font-weight: 400;}

.m_process_cont ul li:last-child{float:left; width:782px;}
.mprocss_01{background-color:#f6851f; height:410px;}
.mprocss_02{background-color:#056839; height:410px;}
ul.mpro_list {overflow: hidden;}
ul.mpro_list li{float:left; width: 391px!important;}
ul.mpro_list li p {font-size: 20px; color: #fff; font-weight: 500; padding-bottom:21px;}
ul.mpro_list li span {font-size: 16px; color: #fff; font-weight: 400;}
ul.mpro_list li div.view_btn {width:240px; border:solid 1px #fff; color:#fff; font-size: 16px; text-align: left; margin-top:51px; padding: 12px 0px 12px 18px; background: #f6851f url('../img/main/view_btn.png') top 18px right 18px no-repeat;}
ul.mpro_list li div.view_btn:hover {transition:0.3s; background: #ce3500 url('../img/main/view_btn.png') top 18px right 18px no-repeat;}
ul.mpro_list2 {overflow: hidden;}
ul.mpro_list2 li{float:left; width: 391px!important;}
ul.mpro_list2 li p {font-size: 20px; color: #fff; font-weight: 500; padding-bottom:21px;}
ul.mpro_list2 li span {font-size: 16px; color: #fff; font-weight: 400;}
ul.mpro_list2 li div.view_btn {width:240px; border:solid 1px #fff; color:#fff; font-size: 16px; text-align: left; margin-top:51px; padding: 12px 0px 12px 18px; background: #056839 url('../img/main/view_btn.png') top 18px right 18px no-repeat;}
ul.mpro_list2 li div.view_btn:hover {transition:0.3s; background: #0a4d26 url('../img/main/view_btn.png') top 18px right 18px no-repeat;}