@charset "utf-8";
/* CSS Document */
@import url(animate.min.css);
@import url(reset.css);
@import url(footer.css);

@keyframes bounceIn{
    0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3);-ms-transform:scale(.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05);-ms-transform:scale(1.05);}
    70%{-webkit-transform:scale(.9);transform:scale(.9);-ms-transform:scale(.9);}
    100%{opacity:1;-webkit-transform:scale(1);transform:scale(1);-ms-transform:scale(1);}
}

.warp{ width:100%; min-width:1220px; max-width:1920px; position:relative; overflow:hidden; margin:0 auto; background:#e5f2ff;}

.Top{width:100%;height: auto;background: url(jcjfgzlyb_ico_1.png) no-repeat center top;}

.topMain{height: 642px;}
.szfBtn{ position:absolute; left:0px; top:10px; }
.szfBtn img{ width: auto; }

.Ring{position: absolute;left:calc(50% - 320px);top: calc(50% - 350px);width: 580px;height: 580px;background: url(jcjfgzlyb_ico_3.png) no-repeat center center;border-radius: 50%;animation:RingAnim 2s ease-out;}
@keyframes RingAnim {
    0% {transform: rotateZ(-180deg) scale(0); opacity: 0;}
    100% {transform: rotateZ(0deg) scale(1); opacity: 1;}
}


.LOGO{ position: relative; margin:0 auto; top: 60px; text-align: center; }
.LOGO img{display: block;position: relative;/* margin-left: -20px; */}


.Ml15{ margin-left:15px;}
.MT10{ margin-top:10px;}
.MT15{ margin-top:15px;}
.MT25{ margin-top:25px;}
.MT30{ margin-top:30px;}
.MT35{ margin-top:35px;}
.MT40{ margin-top:40px;}
.MT45{ margin-top:45px;}
.MT50{ margin-top:50px;}


/*公共图片动画*/
.AnimPic{ transition: all 0.5s; }
.AnimPic img{ display: block; width: 100%; height: auto; min-height: 100%; object-fit: cover; }
.AnimPic:hover{ transform: translateY(-5px); box-shadow:0px 10px 10px -5px #766f6f; }



.Main{ }

.Part1{ box-sizing: border-box; padding: 20px 60px 30px; background-color: #FFF; border-radius: 15px; margin-top: -170px; color: #0a299c; }
.Part1 h1{ display: block; font-size: 34px; font-weight: bold; line-height: 1.5; text-align: center; margin-bottom: 30px; }
.Part1 p{ display: block; position: relative; font-size: 24px; line-height: 1.5; font-weight: bold; text-indent: 2em; margin-bottom: 10px; text-align: justify;}
.Part1 p.t2{ /*font-size: 24px;*/ }


.Title{ position: relative; height: 60px; background: url(jcjfgzlyb_ico_4.png) no-repeat center; display: flex; justify-content: center; align-items: center; user-select: none; margin-top: 60px; }
.Title h1{ font-size: 34px; font-weight: bold; color: #0a1b95; user-select: none; }


.Part2{ box-sizing: border-box; padding: 30px 60px; border-radius: 10px; background-color: #FFF; }

.FormPart{}
.FormPart .long{ width: calc(100% - 120px); }

.layui-form-label{ padding-left: 0; width: 95px; color: #000; }
.layui-form-label font{ position: relative; }
.layui-form-label em{ color: #f90000; font-size: 18px; position: absolute; top: calc(50% - 7px); left: -13px;}

.FormPart .harf{ width:412px; }
.FormPart .third{ width:313px; }
.layui-form-item .layui-inline + .layui-inline{ margin-right: 0; }
.layui-form-item .layui-inline + .layui-inline .harf{ margin-right: 0; }

.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{ color: #0653ab; }

.layui-form-text{ margin-right: 10px; }
.layui-form-text .layui-form-label{ float: none; width: auto; text-align: left; background-color: #f7f7f7; padding: 9px 20px; border: 1px solid #ebebeb; }
.layui-form-text .layui-input-block{ margin-left: 0; border: 1px solid #ebebeb; border-top: none; }
.layui-form-text .layui-input-block .layui-textarea{min-height: 200px;border: none;padding-bottom: 25px;}

.layui-form-item .img img{ cursor: pointer; box-shadow:0px 0px 5px 0px #ced6df;}

.layui-input[disabled="disabled"]{ cursor: no-drop;}

.HtmlConLaber{color: #8e959d;position: absolute;bottom: 6px;right: 10px;user-select: none;}
.HtmlConLaber font{color:#F00;font-weight: bold;padding: 0 2px;}