@charset "utf-8";
/* CSS Document */

.regi_form {padding:30px 0px;}
.regi_form  p.txt {display:block; padding:7px 10px; font-size:14px; color:#565656; line-height:18px; text-align:left !important}
.regi_form  ul li {padding:10px 0px; padding-left:180px; text-align:left;}
.regi_form  ul li label.li_t {float:left; margin:0px; margin-left:-180px; padding:0px 10px; line-height:34px; font-size:14px; color:#333 !important; }
.regi_form  ul li .input_wrap {display:inline-block; padding:3px 0px; width:100%; overflow:hidden;}
.regi_form  ul li .input_wrap div {float:left; width:50%; padding:0px 10px; box-sizing:border-box; }
.regi_form  ul li .input_wrap p.tip {display:block; padding:7px 0px; font-size:12px; color:#0097d3; line-height:14px;}
.regi_form  ul li .input_wrap p.file_name {display:block; padding:7px 0px; font-size:12px; color:#0097d3; line-height:14px; text-align:center}
.regi_form  ul li input[type=text] {margin:0px; padding:0px 10px; width:100%; line-height:34px; height:34px; font-size:14px; color:#333; background-color:#fff; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box;}
.regi_form  ul li input[type=text]:focus {border:1px solid #0097d3;}
.regi_form  ul li input[type=password] {margin:0px; padding:0px 10px; width:100%; line-height:34px; height:34px; font-size:14px; color:#333; background-color:#fff; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box;}
.regi_form  ul li input[type=password]:focus {border:1px solid #0097d3;}
.regi_form  ul li select {margin:0px; padding:0px 0px; width:100%; line-height:34px; height:34px; font-size:14px; color:#333; background-color:#fff; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box;}
.regi_form  ul li select:focus {border:1px solid #0097d3;}
.regi_form  ul li textarea {margin:0px; padding:0px 10px; width:100%; line-height:34px; font-size:14px; color:#333; background-color:#fff; border:1px solid #cccccc; border-radius:5px; box-sizing:border-box;}
.regi_form  ul li textarea:focus {border:1px solid #0097d3;}
.regi_form  ul li button {margin:0px; padding:0px; width:100%; height:34px; line-height:34px; font-size:14px; color:#333; background-color:#0097d3; border:0px; border-radius:5px; box-sizing:border-box}

.section_A {text-align:center}
.section_A .main_vh {background-image:url(../images/main_A_bg.jpg); background-repeat:no-repeat; background-position:0px 0px; background-size:cover; height:530px;}
.section_A .main_vh .inner {position:relative; display:block; max-width:1020px; margin:0px auto; padding-top:100px; text-align:left;}
.section_A .main_vh .inner h2 {display:block; padding-top:50px; margin-bottom:25px; font-size:30px; font-weight:600; color:#ffffff;}
.section_A .main_vh .inner p {display:block; margin-bottom:45px; max-width:460px; font-size:14px; line-height:24px; color:#ffffff;}
.section_A .main_vh .inner .img01 {position:absolute; right:0px; top:100px;}
.section_A .main_vh .inner .btn {display:inline-block; padding:14px 28px; font-size:14px; font-weight:bold; color:#333333; background-color:#ffcc00; border-radius:3px;}
.section_A .ul01 {padding:70px 0px 60px 0px;}
.section_A .ul01 h2 {display:block; margin-bottom:45px;}
.section_A .ul01 h2 span {display:inline-block; padding:4px 28px; font-family:Tahoma; font-size:18px; font-weight:500; color:#ffffff; background-color:#6d9dd9;}
.section_A .ul01 ul {display:inline-block; overflow:hidden;}
.section_A .ul01 ul li {display:inline-block; float:left; padding:0px 45px;}
.section_A .ul01 ul li img {max-width:100%;}

.section_B  {background-color:#f7f7f7}
.section_B .inner {display:block; max-width:1020px; margin:0px auto; padding:80px 0px; text-align:center}
.section_B h2 {display:block; margin-bottom:10px; font-size:40px; color:#333333; font-weight:500; text-transform:uppercase}
.section_B ul {overflow:hidden;}
.section_B ul li {display:inline-block; float:left; padding:25px 25px; width:33.33%; min-height:350px; text-align:center; box-sizing:border-box}
.section_B ul li div {border:0px solid #ff4400; }
.section_B ul li div .icon {display:inline-block; margin-bottom:25px; width:107px; height:107px; background-position:50% 50%; background-repeat:no-repeat; background-color:#ffffff; border:1px solid #cccccc; border-radius:50%; overflow:hidden; box-shadow:0px 0px 10px rgba(0,0,0,.2);}
.section_B ul li div h3 {margin-bottom:10px; font-size:18px; font-weight:600; color:#333333;}
.section_B ul li div p {font-size:14px; color:#666666; line-height:24px;}
.section_B ul li.m01 .icon {background-image:url(../images/main_B_i_01_01.png)}
.section_B ul li.m02 .icon {background-image:url(../images/main_B_i_01_02.png)}
.section_B ul li.m03 .icon {background-image:url(../images/main_B_i_01_03.png)}
.section_B ul li.m04 .icon {background-image:url(../images/main_B_i_01_04.png)}
.section_B ul li.m05 .icon {background-image:url(../images/main_B_i_01_05.png)}

.section_C  {background-color:#ffffff}
.section_C .inner {display:block; max-width:1020px; margin:0px auto; padding:60px 0px; text-align:center}
.section_C h2 {display:block; margin-bottom:10px; font-size:40px; color:#333333; font-weight:500; text-transform:uppercase}
.section_C .inner div {position:relative; padding-top:140px; padding-left:540px; min-height:830px; text-align:left}
.section_C .inner .img01 {position:absolute; left:50px; bottom:110px; z-index:2}
.section_C .inner .img02 {position:absolute; left:0px; bottom:50px; z-index:1}
.section_C .inner h3 {display:block; font-size:24px; color:#333333; line-height:28px; font-weight:500;}
.section_C .inner ul {padding:20px 0px;}
.section_C .inner ul li {padding:20px 0px; padding-left:95px; overflow:hidden}
.section_C .inner ul li .icon {display:inline-block; float:left; margin-left:-95px; width:70px; height:70px; background-position:50% 50%; background-repeat:no-repeat;}
.section_C .inner ul li dl dt {padding-bottom:10px; font-size:20px; font-weight:600; color:#333333;}
.section_C .inner ul li dl dd {font-size:14px; color:#666666; line-height:24px;}
.section_C .inner ul li.m01 .icon {background-image:url(../images/main_C_i_02_01.png)}
.section_C .inner ul li.m02 .icon {background-image:url(../images/main_C_i_02_02.png)}
.section_C .inner ul li.m03 .icon {background-image:url(../images/main_C_i_02_03.png)}
.section_C .inner ul li.m04 .icon {background-image:url(../images/main_C_i_02_04.png)}

.section_D  {background-color:#1d427d}
.section_D .inner {display:block; max-width:1020px; margin:0px auto; padding:80px 0px; text-align:center}
.section_D h2 {display:block; margin-bottom:10px; font-size:40px; color:#ffffff; font-weight:500; text-transform:uppercase}
.section_D ul {display:table; width:100%; padding:20px 0px;}
.section_D ul li {float:left; width:50%; padding:10px 10px; box-sizing:border-box}
.section_D ul li .box {display:block; padding:45px 50px; min-height:380px; background-color:#ffffff; border-radius:10px; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; box-shadow:0px 10px 24px rgba(0,0,0,.32);}
.section_D ul li .icon {display:inline-block; margin-bottom:15px; width:107px; height:107px; background-position:50% 50%; background-repeat:no-repeat; background-color:#f5f5f5; border-radius:50%;}
.section_D ul li dl dt {padding-bottom:10px; font-size:24px; font-weight:500; color:#333333;}
.section_D ul li dl dd {font-size:14px; color:#666666; line-height:24px;}
.section_D ul li.m01 .icon {background-image:url(../images/main_D_i_01_01.png)}
.section_D ul li.m02 .icon {background-image:url(../images/main_D_i_01_02.png)}
.section_D ul li.m03 .icon {background-image:url(../images/main_D_i_01_03.png)}
.section_D ul li.m04 .icon {background-image:url(../images/main_D_i_01_04.png)}

.section_E  {background-color:#ffffff}
.section_E .inner {display:block; max-width:1020px; margin:0px auto; padding:80px 0px; text-align:center}
.section_E h2 {display:block; margin-bottom:10px; font-size:40px; color:#333333; font-weight:500; text-transform:uppercase}
.section_E .txt01 {padding:0px 0px 140px 0px; background:url(../images/main_E_i_01_01.png) 50% bottom no-repeat;}
.section_E .txt01 b {font-size:24px; color:#4985d0; line-height:60px; font-weight:500;}
.section_E .txt01 p {font-size:14px; color:#666666; line-height:30px;}
.section_E .btn {padding-top:20px; padding-left:180px; text-align:right;}
.section_E .btn button {width:100%; max-width:380px; margin:0px; padding:13px 13px; font-size:18px; font-weight:600; color:#ffffff; text-align:center; background-color:#4985d0; border:0px; border-radius:3px; box-sizing:border-box }

.section_F  {background-color:#f7f7f7; border-bottom:1px solid #f2f2f2}
.section_F .inner {display:block; max-width:1020px; margin:0px auto; padding:80px 0px; text-align:center}
.section_F h2 {display:block; margin-bottom:10px; font-size:40px; color:#333333; font-weight:500; text-transform:uppercase}
.section_F .txt01 {padding:0px 0px 130px 0px; background:url(../images/main_F_i_01_01.png) 50% 50% no-repeat;}
.section_F .btn {padding-top:20px; padding-left:180px; overflow:hidden}
.section_F .btn button {margin:0px; padding:13px 13px; font-size:18px; font-weight:600; color:#ffffff; text-align:center; background-color:#4985d0; border:1px solid #4985d0; border-radius:3px; box-sizing:border-box }
.section_F .btn button.login {float:left; width:48%; color:#4985d0; background-color:#ffffff;}
.section_F .btn button.register {float:right; width:48%;}

.section_G  {background-color:#f7f7f7; border-bottom:1px solid #f2f2f2}
.section_G .inner {display:block; max-width:1020px; margin:0px auto; padding:80px 0px; text-align:center}
.section_G h2 {display:block; margin-bottom:10px; font-size:40px; color:#333333; font-weight:500; text-transform:uppercase}
.section_G .txt01 {padding:0px 0px 130px 0px; background:url(../images/main_F_i_01_01.png) 50% 50% no-repeat;}
.section_G .txt02 {padding-top:20px; padding-left:180px; font-size:18px; font-weight:bold; text-align:center; color:#666666;}
.section_G .btn {padding-top:20px; padding-left:180px; overflow:hidden}
.section_G .btn button {margin:0px; padding:13px 13px; font-size:18px; font-weight:600; color:#ffffff; text-align:center; background-color:#4985d0; border:1px solid #4985d0; border-radius:3px; box-sizing:border-box }
.section_G .btn button.password {float:left; width:48%; color:#4985d0; background-color:#ffffff;}
.section_G .btn button.login {float:right; width:48%;}
.section_G .btn button.account {width:100%;}
.section_G .btn a {margin:0px; padding:13px 13px; font-size:14px; font-weight:600; color:#ffffff; text-align:center; background-color:#dedede; border:0px solid #4985d0; border-radius:3px; box-sizing:border-box ;color:#000000}
.section_G .btn a.abtn {float:right; width:48%;}


@media only screen and (max-width:1200px) {
.section_A .main_vh {padding:0px 10px;}
.section_B .inner {padding:80px 10px;}
.section_C .inner {padding:50px 10px;}
.section_D .inner {padding:80px 10px;}
.section_E .inner {padding:80px 10px;}
.section_F .inner {padding:80px 10px;}
.section_G .inner {padding:80px 10px;}

}

@media only screen and (max-width: 800px) {
.section_A .main_vh {height:450px;}
.section_A .main_vh .inner h2 {padding-top:10px; margin-bottom:15px; font-size:20px;}
.section_A .main_vh .inner p {margin-bottom:25px; max-width:310px; font-size:12px; line-height:20px;}
.section_A .main_vh .inner .img01 {width:220px;}
.section_A .main_vh .inner .btn {padding:10px 20px; font-size:12px;}
.section_A .ul01 h2 span {font-size:14px;}
.section_A .ul01 ul {display:inline-block; width:100%; overflow:hidden;}
.section_A .ul01 ul li {display:inline-block; float:left; width:33.33%; padding:0px 0px; text-align:center;}

.section_B .inner {padding:50px 10px;}
.section_B h2 {font-size:30px; }
.section_B ul {overflow:hidden;}
.section_B ul li {padding:10px 5px; width:50%; min-height:350px;}
.section_B ul li div h3 {font-size:16px;}
.section_B ul li div p {font-size:14px; line-height:20px;}

.section_C h2 {font-size:30px; }
.section_C .inner div {position:relative; padding-top:90px; padding-left:300px; min-height:inherit; text-align:left}
.section_C .inner .img01 {position:absolute; left:50px; top:50px; width:240px;}
.section_C .inner .img02 {position:absolute; left:0px; top:260px; width:160px;}
.section_C .inner h3 {font-size:20px; line-height:20px;}
.section_C .inner ul {padding:20px 0px;}
.section_C .inner ul li {padding:10px 0px; padding-left:95px; overflow:hidden}
.section_C .inner ul li dl dt {padding-bottom:10px; font-size:18px;}
.section_C .inner ul li dl dd {font-size:14px; line-height:20px;}

.section_D .inner {padding:50px 10px;}
.section_D h2 {font-size:30px;}
.section_D ul {display:table; width:100%; padding:20px 0px;}
.section_D ul li {float:left; width:50%; padding:5px 5px; box-sizing:border-box}
.section_D ul li .box {padding:20px 15px; min-height:350px;}
.section_D ul li dl dt {font-size:20px;}
.section_D ul li dl dd {font-size:14px; line-height:20px;}

.section_E .inner {padding:80px 10px;}
.section_E h2 {font-size:30px;}
.section_E .txt01 {padding:0px 0px 120px 0px;}
.section_E .txt01 b {font-size:20px; color:#4985d0; line-height:50px;}
.section_E .txt01 p {font-size:14px; color:#666666; line-height:20px;}

.section_F .inner {padding:80px 10px;}
.section_F h2 {font-size:30px;}
.section_F .txt01 {padding:0px 0px 130px 0px; background:url(../images/main_F_i_01_01.png) 50% 50% no-repeat;}
.section_F .btn {padding-left:0px; overflow:hidden}

.section_G .inner {padding:80px 10px;}
.section_G h2 {font-size:30px;}
.section_G .txt01 {padding:0px 0px 130px 0px; background:url(../images/main_F_i_01_01.png) 50% 50% no-repeat;}
.section_G .txt02 {padding-left:0px; font-size:16px;}
.section_G .btn {padding-left:0px; overflow:hidden}
.section_G .btn button {font-size:14px;}
}

@media only screen and (max-width:600px) {

}

@media only screen and (max-width:481px) {
.regi_form  ul li {padding:10px 0px; padding-left:0px; text-align:left;}
.regi_form  ul li label.li_t {float:none; margin-left:0px; padding:5px 0px; line-height:34px; font-size:14px; color:#333 !important; }

.section_A .main_vh {height:350px;}
.section_A .main_vh .inner h2 {padding-top:10px; margin-bottom:15px; font-size:16px;}
.section_A .main_vh .inner p {margin-bottom:25px; max-width:210px; font-size:11px; line-height:14px;}
.section_A .main_vh .inner .img01 {width:120px;}
.section_B ul li {padding:10px 5px; width:100%; min-height:inherit;}
.section_B ul li div h3 {font-size:14px;}
.section_B ul li div p {font-size:12px; line-height:18px;}
.section_C .inner div {position:relative; padding-top:400px; padding-left:0px; min-height:inherit; text-align:left}
.section_C .inner .img01 {position:absolute; left:70px; top:0px; width:200px;}
.section_C .inner .img02 {position:absolute; left:20px; top:140px; width:150px;}
.section_C .inner h3 {font-size:18px; line-height:20px;}
.section_C .inner ul {padding:15px 0px;}
.section_C .inner ul li {padding:10px 0px; padding-left:95px; overflow:hidden}
.section_C .inner ul li dl dt {padding-bottom:10px; font-size:16px;}
.section_C .inner ul li dl dd {font-size:12px; line-height:18px;}
.section_D ul li {float:none; width:100%; padding:5px 0px;}
.section_D ul li .box {padding:20px 15px; min-height:inherit;}
.section_D ul li dl dt {font-size:18px;}
.section_D ul li dl dd {font-size:12px; line-height:18px;}
}