.container {width: 1200px;margin: auto;}
.hidden{display: none!important;}
.soft_nav.footer {background-color: #333333;background-image: none;}
/* nav ¸²¸Ç */
.menu, .menu .menu_1_item, .menu .menu_2_item {/* background-color: rgba(255, 255, 255, 0.1); */}
/* ------------------------------------ ¹«¹² ------------------------------ */
.soft_nav_title1 {padding-top:60px;color: #333;font-size: 30px;text-align: center;font-weight: bold;} 
.soft_nav_title2 {margin-top: 17px;color: #CCCCCC;font-size:18px;text-align: center;letter-spacing: 1px;}
.soft_nav_title_color {color: #FF6C00;font-weight: bold;}
.title1 {padding-top:60px;text-align: center;color: #333333;font-size: 30px;font-weight:bold;letter-spacing:1px;}
.title2 {margin: 10px auto 0px;color: #4D4D4D;line-height:26px;font-size:18px;text-align: center;}
/* ÁÁµã¼ä¾à */
.soft_nav_title_color.feature {padding-right: 40px;font-style:italic;font-size:30px;}

.soft_nav_title1 .enc {position: relative;top: 2px;}
.container {width: 1200px;margin: auto;}
.hidden{display: none!important;}
/*  */
.soft_nav_title2 .f1 {padding-right: 22px;}
/* ------------------------------------ banner ------------------------------ */
.banner {height:auto;position: relative;}
.banner img{ width:100%; height:auto}
.banner span{ display:block; width:154px;position: absolute; top:410px; left:361px;cursor:pointer}
/* ------------------------------------ part1 ------------------------------ */
.xfx_part1 {height:auto; padding:60px 0 90px;}
.xfx_part1 .container {position: relative;}
.soft_2_title1 {padding-top: 60px;text-align: center;color: #333333;font-size: 30px;font-weight:bold;letter-spacing: 1px;}
.soft_2_title1 .left {margin-right: 25px;}
.part1_body {}
.part1_box_p{margin-top: 38px;max-width: 1150px;display: flex;flex-direction: row;}
.part1_box {flex: 1;height: 160px;box-sizing: border-box;padding: 42px 54px 0px 50px;}
.part1_box.t1 {background: #FFF7E8;}
.part1_box.t2 {background: #FFEDD9;}
.part1_cont1 {color: #4D4D4D;font-size:20px;font-weight:bold;}
.part1_cont2 {margin-top: 10px;color: #666666;font-size:14px;line-height:22px;}
/* --------------------------------------------- 2 */ 
.xfx_part2 {height:auto;background: #F2F2F2; padding-bottom:60px}
.xfx_part1 .soft_2_title1 .letter {padding: 0px 10px;}
.part2_body {margin-top: 44px;display: flex;flex-direction: row;justify-content: space-between;}
.part2_box {width:268px;box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.16);border-radius:9px;background: #fff;box-sizing: border-box;padding: 53px 22px;text-align: center;}
.part2_box  img {height: 56px;width: auto;}
.part2_p1 {margin-top: 42px;color: #333333;font-size:18px;font-weight:bold;text-align: center;}
.part2_p2 {margin-top: 17px;color: #666666;font-size:14px;color: #666666;line-height:22px;padding: 0 10px;text-align: left;}
/* ------------------------------------ part3 ------------------------------ */
.xfx_part3 {height:auto;}
.xfx_part3 .container {position: relative;}
.part3_body { margin:60px auto 0 auto; text-align:center}
/* ------------------------------------ part4 ------------------------------ */
.xfx_part4 {height:auto;background: #F2F2F2;}
.part4_body { margin:60px auto 0 auto; text-align:center; width:1212px;}
.part4_body_p{ width:388px; height:126px; float:left; background:#fff;border-radius:10px; margin:8px}
.part4_body_p dl{ width:258px; float:left; text-align:left; padding-left:50px}
.part4_body_p dl dt{font-size:21px;line-height:30px; margin-top:25px}
.part4_body_p dl dd{font-size:16px;line-height:22px; margin-top:8px; color:#666666}
.part4_body_p span{ display:block; width:80px; float:left; height:126px; line-height:126px}
.part4_body_p span img{ max-width:70px; height:auto; text-align:left}
@media only screen and (max-width: 1399px){
.banner span{top:288px; left:261px;}
}
@media only screen and (max-width: 1299px){
.banner span{top:220px; left:220px;}
.title1{font-size: 32px;}
}
@media only screen and (max-width: 1099px){
.banner span{top:200px; left:200px;}
.title1{font-size: 30px;}
}
@media only screen and (max-width: 959px){
.banner span{top:180px; left:180px;}
.yboss_part1 .yboss_part1_b{width: 220px;}
}
@media only screen and (max-width: 767px){
.banner span{width:100px;top:auto; left:30px;bottom:50px}
.mrgnm{width: auto; padding: 0 3%!important;}
.xfx_part1 {height: auto;padding: 0px 0 0px;}
.title1{font-size: 20px;padding-top: 30px;line-height: 30px;}
.soft_2_title1{font-size:20px!important;line-height:24px!important;padding-top:10px;}
.part1_body {margin: 0 0 0 0!important;padding-bottom: 10px;}
.part1_box_p {margin-top: 20px;max-width: 100%;}
.part1_box {height:auto;box-sizing: border-box;padding: 10px 10px 10px 10px;}
.part1_cont1 {font-size: 16px;}
.part1_cont2 {margin-top: 10px;font-size: 12px;line-height: 20px;}
.xfx_part2 {height: auto;padding-bottom:30px;padding-top: 30px;}
.part2_body {margin-top: 44px;display:block;}
.part2_box {width: 48%; height:170px;float: left;margin: 5px 1%;padding:10px 10px;text-align: center;}
.part2_box img {height: 30px;width: auto;}
.part2_p2 {margin-top: 10px;color: #666666;font-size: 12px;line-height: 20px;padding: 0 5px;text-align: left;}
.xfx_part3 {padding-top: 20px;}
.part3_body {margin: 0;padding: 20px 0!important;}
.part3_body img{ width:100%; height:auto}
.xfx_part4 {padding-top: 20px;}
.part4_body {margin: 20px auto 0 auto;text-align: center;width: 100%;}
.part4_body_p {width: 48%;height: 80px;float: left;border-radius:8px;margin: 1%;}
.part4_body_p dl {width:calc(100% - 45px);float: left;text-align: left;padding-left: 5px;}
.part4_body_p span {width: 40px;float: left;height: 80px;line-height: 80px;}
.part4_body_p span img{width: 30px;height:auto}
.part4_body_p dl dt {font-size: 16px;line-height: 30px;margin-top: 5px;}
.part4_body_p dl dd {font-size: 12px;line-height: 20px;margin-top: 0;;}
}