.metric-top{overflow: hidden;margin: 0 auto;height: 776px;}
	.metric-top_bg{width: 1300px;margin: 0 auto;}
	.metric-top-left{top: 100px;position: relative;display: inline-block;float: left;}
	.metric-top-left h2{ font-size: 60px; font-weight: 600;color: #3d3d3d;}
	.metric-top-left p{font-size: 30px;color: #2c3a83; font-weight: 700;margin: 40px 0 30px 0;}
	.metric-top-left span{font-weight: 800; font-size: 30px;color: #979797;}
	.metric-top-right{position: absolute;right: 0;}
	.metric-box_n .sub-title p{margin-bottom: 30px;color: #eeeeee; font-size: 52px;  line-height: 56px;font-weight: 800;}
	
	.metric-box_n .sub_cont_wrap{margin: 120px auto;  text-align: center; }
	.metric-box_n.metric03 .sub_cont_wrap{margin: 60px auto;  text-align: center;     padding-left: 50px; padding-right: 50px;}

	.metric01{margin: 0 auto;margin-top: -150px;    margin-bottom: 80px;height: 1300px;}
	.metric01_bg{width: 1300px;    margin: 0 auto;}
	.metric01 .sub_cont_wrap .com_num{width: 310px;display: inline-block;margin: 0 15px;margin-bottom: 30px;}
	.metric01 .sub_cont_wrap .com_num .com_num_title{ background: #4985ce; height: 60px; border-radius: 6px; line-height: 0px; width: 100%;padding: 10px;}
	.metric01 .sub_cont_wrap .com_num .com_num_title p{  border-radius: 6px; text-align: center; color: #fff; font-size: 28px;letter-spacing: 1px;}
	.metric01 .sub_cont_wrap .com_num .com_num_title p span{display: inline-block;color: #f1ff1d; font-size: 100px;font-weight: 700;margin: 0 10px;    text-shadow: 3px 3px 3px #bec733;}
	.metric01 .sub_cont_wrap .com_num .com_num_img{margin-top: 14px;    margin-bottom: 60px;}

	.metric02{margin: 0 auto; margin-bottom: 80px;    background: #f7f7f7;}
	.metric02_bg{width: 1300px;margin: 0 auto;padding-top: 120px;}
	.metric02 .sub_cont_wrap .com_num{width: 385px;display: inline-block;margin: 0 5%;margin-bottom: 30px;}
	.metric02 .sub_cont_wrap .com_num .com_num_title{ background: #4985ce; height: 60px; border-radius: 6px; line-height: 0px; width: 100%;padding: 10px;}
	.metric02 .sub_cont_wrap .com_num .com_num_title p{  border-radius: 6px; text-align: center; color: #fff; font-size: 28px;letter-spacing: 1px;}
	.metric02 .sub_cont_wrap .com_num .com_num_title p span{display: inline-block;color: #83caff; font-size: 100px;font-weight: 700;margin: 0 10px;    text-shadow: 3px 3px 3px #4275b3;}
	.metric02 .sub_cont_wrap .com_num .com_num_img{margin-top: 14px;    margin-bottom: 60px;}
	.metric02 .line_chart{padding-bottom: 60px;text-align: left;    margin-top: 40px;     padding-left: 50px; padding-right: 50px;}
	.metric02 .line_chart .line_title img{position: relative;top: 35px; z-index: 0;}
	.metric02 .line_chart .line_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric02 .line_chart .line_cont{text-align: center;}


	.metric03{margin: 0 auto; margin-bottom: 80px; }
	.metric03_bg{width: 1300px;margin: 0 auto;padding-top: 120px;}
	.metric03 .sub_cont_wrap .com_num{width: 385px;display: inline-block;margin: 0 5%;margin-bottom: 30px;}
	.metric03 .sub_cont_wrap .com_num .com_num_title{ background: #4985ce; height: 60px; border-radius: 6px; line-height: 0px; width: 100%;padding: 10px;}
	.metric03 .sub_cont_wrap .com_num .com_num_title p{  border-radius: 6px; text-align: center; color: #fff; font-size: 28px;letter-spacing: 1px;}
	.metric03 .sub_cont_wrap .com_num .com_num_title p span{display: inline-block;color: #83caff; font-size: 100px;font-weight: 700;margin: 0 10px;    text-shadow: 3px 3px 3px #4275b3;}
	.metric03 .sub_cont_wrap .com_num .com_num_img{margin-top: 14px;    margin-bottom: 60px;}
	.metric03 .pie_chart{padding-bottom: 60px; margin-top: 40px;text-align: left; }
	.metric03 .pie_chart .pie_title img{position: relative;top: 35px; z-index: 0;}
	.metric03 .pie_chart .pie_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric03 .pie_chart .pie_cont{text-align: center;margin-top: 35px;}


	.metric03 .depart_wrap{margin-top: 100px;}
	.metric03 .depart_wrap .depart_img{display: inline-block;    width: 49%;text-align: left;}
	.metric03 .depart_wrap .depart_txt{display: inline-block;   vertical-align: top;width: 50%;}
	.metric03 .depart_wrap .depart_txt .depart_title{padding-bottom: 32px; margin-top: 40px;text-align: left; }
	.metric03 .depart_wrap .depart_txt .depart_title img{position: relative;top: 35px; z-index: 0;    display: inline-block;}
	.metric03 .depart_wrap .depart_txt .depart_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric03 .depart_wrap .depart_txt ul{display: inline-block;width: 270px; padding: 0 6px;}
	.metric03 .depart_wrap .depart_txt ul li.title{background: #0c63a6;color: #fff;padding: 5px; border-radius: 5px;    text-align: center;font-size: 22px;}
	.metric03 .depart_wrap .depart_txt ul li{color: #474747;    text-align: left; padding: 7px 2px 1px 22px;font-size: 20px;}
	.metric03 .depart_wrap .depart_cont{text-align: center;margin-top: 35px;}


	.metric03 .hobby_wrap{margin-top: 180px;}
	.metric03 .hobby_wrap .hobby_img{display: inline-block;    width: 49%;text-align: left;}
	.metric03 .hobby_wrap .hobby_txt{display: inline-block;   vertical-align: top;width: 50%; margin-top: -50px;}
	.metric03 .hobby_wrap .hobby_txt .hobby_title{padding-bottom: 32px; text-align: left; }
	.metric03 .hobby_wrap .hobby_txt .hobby_title img{position: relative;top: 35px; z-index: 0;    display: inline-block;}
	.metric03 .hobby_wrap .hobby_txt .hobby_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric03 .hobby_wrap .hobby_txt .hobby_ul{    margin-left: 50px;}
	.metric03 .hobby_wrap .hobby_txt ul{width: 270px; padding: 0 6px;}
	.metric03 .hobby_wrap .hobby_txt ul.second{    margin-top: 40px;}
	.metric03 .hobby_wrap .hobby_txt ul li.title{color: #0c63a6;text-align: left;    font-size: 28px;}
	.metric03 .hobby_wrap .hobby_txt ul li{color: #474747;    text-align: left; padding: 7px 2px 1px 22px;font-size: 20px;}
	.metric03 .hobby_wrap .hobby_cont{text-align: center;margin-top: 35px;}


	.metric03 .hobby_wrap .out_cont{ vertical-align: top; margin-top: 80px;}
	.metric03 .hobby_wrap .out_cont .out_title{padding-bottom: 32px; text-align: left;margin-top: 80px; }
	.metric03 .hobby_wrap .out_cont .out_title img{position: relative;top: 35px; z-index: 0;    display: inline-block;}
	.metric03 .hobby_wrap .out_cont .out_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric03 .hobby_wrap .out_cont .out_txt p{    display: inline-block;width: 49%;}


	.metric03 .activity_wrap{padding-bottom: 60px; margin-top: 326px;text-align: left; height: 970px;}
	.metric03 .activity_wrap .activity_title img{position: relative;top: 35px; z-index: 0;}
	.metric03 .activity_wrap .activity_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric03 .activity_wrap .activity_cont{text-align: center;margin-top: 35px;background: #f4f4f4;border-radius: 10px; padding: 50px 30px;}
	.metric03 .activity_wrap .activity_left .activity_cont img:last-child{    margin-top: 100px;}
	.metric03 .activity_wrap .activity_right .activity_cont img:last-child{    margin-top: 30px;}
	.metric03 .activity_wrap .activity_left{width: 530px;    float: left;}
	.metric03 .activity_wrap .activity_right{width: 530px;    float: right;}


	
	.metric03 .interview_wrap{margin-top: 130px;    height: 500px;}
	.metric03 .interview_wrap .interview_img{    position: absolute;right: 58px;bottom: 542px;width: 49%;}
	.metric03 .interview_wrap .interview_txt{float: left;}
	.metric03 .interview_wrap .interview_txt .interview_title{padding-bottom: 32px; text-align: left; }
	.metric03 .interview_wrap .interview_txt .interview_title img{position: relative;top: 35px; z-index: 0;    display: inline-block;}
	.metric03 .interview_wrap .interview_txt .interview_title h2{  z-index: 1;position: relative; left: 50px;    color: #474747;}
	.metric03 .interview_wrap .interview_txt ul{}
	.metric03 .interview_wrap .interview_txt ul.second{    margin-top: 40px;}
	.metric03 .interview_wrap .interview_txt ul li.title{color: #0c63a6;text-align: left;    font-size: 28px;}
	.metric03 .interview_wrap .interview_txt ul li{color: #474747;    text-align: left; padding: 7px 2px 1px 22px;font-size: 20px;}


	.talk_wrap{    margin-top: 50px;margin-bottom: 140px;}
	.talk_wrap .talk_cont{    text-align: left;}
	.talk_wrap .talk_cont .talk_img{   width: 19%;display: inline-block;}
	.talk_wrap .talk_cont .talk_txt{display: inline-block;text-align: center;width: 80%;vertical-align: baseline;}
	.talk_wrap .talk_cont .talk_txt .talk_title{  display: inline-block;}
	.talk_wrap .talk_cont .talk_txt .talk_title img{margin-right: 10px !important;}
	.talk_wrap .talk_cont .talk_txt .talk_title h2{position: absolute; z-index: 10; bottom: 16px;}
	.talk_wrap .talk_cont .talk_txt .talk_title h2::after{position: relative;   content: " ";  width: 512px;  background: #f13623;  height: 26px;left: 0; display: inline-block;opacity: 0.6;z-index: 0;bottom: 27px;}
	.talk_wrap .btn{background: #0c63a6;padding: 7px 70px; height: 50px;color: #fff; border: 0;display: inline-block;vertical-align: middle;}
	.talk_wrap .btn:hover{    opacity: 0.7;}





	.side_img_1{    position: absolute; top: 770px;    left: 0;}
	.side_img_2{    position: absolute;right: 0;top: -34px;}
	.side_img_3{    position: absolute;top: 36px; right: 0;}
	.side_img_4{    position: absolute; right: 16px; top: 1426px;}
	.side_img_5{    position: absolute; left: 0px; top: 2710px;}


	.right_menu_wrap{ position: fixed;top: 110px;right: 0;}
	.right_menu_wrap .right_menu ul li{ width: 138px; text-align: center;padding: 16px;margin-bottom: 10px; color: #fff;letter-spacing: 3px; font-weight: 700;    cursor: pointer;}
	.recruit_wrap a {color: #fff;letter-spacing: 3px; font-weight: 700;}
	.right_menu_wrap .right_menu ul li.first{background: #8bcec9;}
	.right_menu_wrap .right_menu ul li.second2{background: #8facd8;}
	.right_menu_wrap .right_menu ul li.third{background: #ba96cc;}
	.right_menu_wrap .right_menu ul li.fourth{    background: #ff5f7a;}
	.right_menu_wrap .right_menu ul li.fourth a{    color: #fff;}

	.right_menu_wrap .right_menu ul li.first a:hover{color: #b9f1ed;}
	.right_menu_wrap .right_menu ul li.second2 a:hover{color: #baceed;}
	.right_menu_wrap .right_menu ul li.third a:hover{    color: #e1cdeb;}
	.right_menu_wrap .right_menu ul li.fourth a:hover{color: #ffe1c5;}


	 .pop_wrap{height: 930px;    margin-top: -50px; background: #f9f7f2;}
	 .pop_box{  position: absolute; height: 100%;  left: 50%; transform: translate(-50%, 0);  width: 1700px;} 





    .metric-box {
        position: relative;
    }
    .metric-box > img {
        position: absolute;
    }
    .sub-title {font-weight: 700;font-size: 30px;color: #333333;
    }
    .sub-title > span {
        font-weight: bold;
    }