@charset "utf-8";

.main_content{background-image: url(/tems/common_renew/image/main/content_bg.png);background-color: #eef2f8;background-position: center bottom;background-repeat: no-repeat;}
.content_inner{width: 1300px;margin: 0 auto;padding: 50px 0 45px;}
.content_inner:after{content: "";display: block;clear: both;}
.visual_slide_group{position: relative;float: left;width: 860px;height: 480px;border-radius: 20px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1);}
.visual_slide_round{border-radius: 20px; overflow: hidden;}
.visual_slide_control{position: absolute;bottom: 20px;left: 20px;width: 180px;height: 40px;line-height: 40px;overflow: hidden;background-color: rgba(0, 0, 0, 0.5);border-radius: 30px;box-sizing: border-box;z-index: 1;text-align: center;}
.visual_slide_control li{display: inline-block;margin: 0 10px;vertical-align: middle;}
.visual_slide_btn{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.slide_counter{font-size: 16px;color: #fff;}
.slide_counter span{font-weight: 600;}
.visual_slide_control #slider_play{display: none;}
.visual_slide_control #slider_stop{display: block;}

.admin_group{float: right;width: 410px;height: 480px;background-color: #344661;border-radius: 20px;box-shadow: 0px 3px 20px rgba(0, 32, 29, 0.1);}
.uger_group{background-color: #fff;text-align: center;border-radius: 18px;height: 290px;}
.uger_group_inner{padding: 35px 40px;box-sizing: border-box;}
.uger_group .logout_block p{display: block;color: #333;font-size: 18px;}
.uger_group .logout_block strong{display: block;color: #333;font-size: 26px;font-weight: 600;}
.uger_group .logout_block input{display: block;width: 100%;height: 40px;margin: 18px 0;padding: 10px;box-sizing: border-box;border: 1px solid #dadada;color: #666;font-size: 14px;}
.uger_group .logout_block .login_btn, .uger_group .logout_block input.login_btn{display: block;max-width: 220px;height: 40px;line-height: 20px;text-align: center;font-size: 15px;color: #fff;font-weight: 600;margin: 0 auto;border-radius: 30px;box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);background-image: linear-gradient(to right, #0b8ba2, #81ce47, #81ce47, #0b8ba2);background-size: 300% 100%;transition: all .4s ease-in-out;border: none; cursor: pointer; font-family: inherit; text-align: center; padding: 0; text-indent: 0; }
.uger_group .logout_block .login_btn:hover, .uger_group .logout_block input.login_btn:hover{background-position: 100% 0;transition: all .4s ease-in-out;}
.uger_group .logout_block ul{text-align: center;margin-top: 25px;font-size: 0;}
.uger_group .logout_block ul:after{content: "";display: block;clear: both;}
.uger_group .logout_block ul > li{display: inline-block;}
.uger_group .logout_block ul > li + li:before{content: "";display: inline-block;background-color: #999;width: 1px;height: 10px;margin: 0 10px;}
.uger_group .logout_block ul > li > a{color: #666;font-size: 14px;}
.uger_group .login_block .uger_group_inner{padding: 25px 40px;}
.uger_group .login_block h5{background: linear-gradient(to right, #0b8ba2, #81ce47);color: #fff;font-size: 18px;height: 90px;line-height: 90px;text-align: left;padding: 0 40px;box-sizing: border-box;border-radius: 18px 18px 0 0;}
.uger_group .login_block h5:before{content: "";display: inline-block;width: 54px;height: 55px;background-image: url(/tems/common_renew/image/main/uger_img.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin-right: 10px;}
.uger_data:after{content: "";display: block;clear: both;}
.uger_data li{display: block;background-color: #f6f9fd;margin-bottom: 8px;height: 42px;line-height: 42px;padding: 0 20px;text-align: left;}
.uger_data li p{float: left;width: 100px;font-weight: 600;color: #888;font-size: 14px;}
.uger_data li span{float: left;width: calc(100% - 100px);color: #333;font-size: 16px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
/* 20210316 start */
.info_group{padding: 17px 40px;box-sizing: border-box;}
.info_group > ul:after{content: "";display: block;clear: both;}
.info_group > ul > li{float: left;width: 50%;box-sizing: border-box;}
.info_group > ul > li:nth-child(1), .info_group > ul > li:nth-child(2){border-bottom: 1px solid #546782}
.info_group > ul > li > a{display: table-cell;width: 100%;height: 70px;color: #fff;font-size: 14px;font-weight: 600;padding: 20px 70px 20px 20px;box-sizing: border-box;background-repeat: no-repeat;background-position: right center;vertical-align: middle;}
.info_group > ul > li:nth-child(1) a{background-image: url(/tems/common_renew/image/main/info_icon01.png);}
.info_group > ul > li:nth-child(2) a{background-image: url(/tems/common_renew/image/main/info_icon02.png);}
.info_group > ul > li:nth-child(3) a{background-image: url(/tems/common_renew/image/main/info_icon03.png);}
.info_group > ul > li:nth-child(4) a{background-image: url(/tems/common_renew/image/main/info_icon04.png);}
/* 20210316 end */
.step_group{clear: both;width: 1300px;padding: 35px 0 0;}
.step_group h5{display: block;font-size: 30px;font-weight: 600;color: #333;margin-bottom: 0;}
.step_box_wrap{position: relative;height: 414px;}
.step_box{position: absolute;top: 0;width: 302px;height: 414px;padding: 40px 30px;box-sizing: border-box;text-align: center;background-repeat: no-repeat;background-position: center center;color: #fff;transition:.3s;}
.step_box + .step_box:after{content: "";position: absolute;top: 145px;left: -4px;width: 46px;height: 46px;background-image: url(/tems/common_renew/image/main/step_arrow.png);background-repeat: no-repeat;background-position: center center;}
.step_box01{left: -33px;background-image: url(/tems/common_renew/image/main/step01_bg.png);}
.step_box01:hover{background-image: url(/tems/common_renew/image/main/step01_bg_on.png);}
.step_box02{left: 230px;background-image: url(/tems/common_renew/image/main/step02_bg.png);}
.step_box02:hover{background-image: url(/tems/common_renew/image/main/step02_bg_on.png);}
.step_box03{left: 495px;background-image: url(/tems/common_renew/image/main/step03_bg.png);}
.step_box03:hover{background-image: url(/tems/common_renew/image/main/step03_bg_on.png);}
.step_box04{left: 763px;background-image: url(/tems/common_renew/image/main/step04_bg.png);}
.step_box04:hover{background-image: url(/tems/common_renew/image/main/step04_bg_on.png);}
.step_box05{left: 1029px;background-image: url(/tems/common_renew/image/main/step05_bg.png);}
.step_box05:hover{background-image: url(/tems/common_renew/image/main/step05_bg_on.png);}
.step_box > div{padding-top: 120px;background-repeat: no-repeat;}
.step_box01 > div{background-image: url(/tems/common_renew/image/main/step01_icon.png);background-position: center 28px;}
.step_box02 > div{background-image: url(/tems/common_renew/image/main/step02_icon.png);background-position: center 38px;}
.step_box03 > div{background-image: url(/tems/common_renew/image/main/step03_icon.png);background-position: center 38px;}
.step_box04 > div{background-image: url(/tems/common_renew/image/main/step04_icon.png);background-position: center 26px;}
.step_box05 > div{background-image: url(/tems/common_renew/image/main/step05_icon.png);background-position: center 36px;}
.step_num{display: block;max-width: 80px;height: 26px;line-height: 26px;margin: 0 auto;border-radius: 15px;box-sizing: border-box;font-size: 14px;font-weight: 600; }
.step_box01 .step_num{background-color: #57b044;}
.step_box02 .step_num{background-color: #39a158;}
.step_box03 .step_num{background-color: #2d936d;}
.step_box04 .step_num{background-color: #1a7e7e;}
.step_box05 .step_num{background-color: #09738d;}
.step_box > p > strong{display: block;margin: 10px 0 0;font-size: 20px;}
.step_box > strong > b{font-size: 16px;}
.step_box > p{font-size: 16px;}
.step_box > p > a > span{font-size: 20px;color: #7de6ff;}
.step_box > a{position: absolute;bottom: 70px;left: 50%;width: 170px;height: 40px;line-height: 36px;margin-left: -85px;background-color: transparent;border: 2px solid #fff;box-sizing: border-box;font-size: 14px;font-weight: 600;border-radius: 20px;transition:.3s;}
.step_box > a:hover{background-color: #fff;}
.step_box01 > a:hover{color: #6bc259;}
.step_box02 > a:hover{color: #51b06d;}
.step_box03 > a:hover{color: #3ca27c;}
.step_box04 > a:hover{color: #229090;}
.step_box05 > a:hover{color: #0f839f;}