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

.Title{ position: relative; height: 43px; line-height: 43px; display: flex; justify-content: space-between; }
.Title h1{ font-size: 30px; font-weight: bold; color: #266cb4; display: inline-block; }
.Title em{ position: relative; width: 1015px; width: calc(100% - 200px); padding-left: 15px; height: 0; border-bottom: 1px solid #2569b0; margin-top: 21px; }
.Title em::after{ content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #5189c4; position: absolute; right: 0; top: -3.5px; }
.Title p{ position: relative; font-size: 16px; color: #266cb4; }

.Part1{}
.Part1 .Title em{ width: calc(100% - 220px); }


.Part1{}
.Part1 ul{ display: flex; justify-content: space-around; margin-top: 20px; }
.Part1 li{ position: relative; margin-top: 15px; }
.Part1 li h1{ display: block; width: 60px; height: 60px; position: relative; margin: 0 auto; border-radius: 50%; perspective: 1000px;}
.Part1 li h1 img{ animation-duration: 1s; animation-fill-mode: both;}
.Part1 li h1::after{ content: ''; position: absolute; left: 10%; bottom:0; width: 80%; height:5px; box-sizing: border-box; border-radius: 50%; z-index: 1; }
.Part1 li p{ display: block; text-align: center; font-size: 20px; font-weight: bold; padding-top: 10px;}
.Part1 li:hover h1 img{ animation-name: bounce; }
.Part1 li:hover h1::after{ box-shadow:0px 7px 4px -2px #784a4a; }


.Part2{}
.Part2 .Tit{ position: relative; overflow: hidden; text-align: center; height: 70px; line-height: 70px; font-size: 30px; font-weight: bold; color: #FFF; background: linear-gradient(to right, #266cb4, #518af2); user-select: none; }

.Part2>.Con{ padding: 0 30px; }

.SearchPart{ height: 60px; position: relative; }
.SearchPart .SeType{ width: 540px; }
.SearchPart .layui-input{ border-radius: 5px; height: 60px; border: none; box-shadow:0px 0px 25px 12px #c9d9f3 inset; font-size: 16px; }
.SearchPart .layui-form-select .layui-input{ padding-right: 50px; }
.SearchPart .layui-form-select .layui-edge{ right: 20px; border: none; width: 20px; height: 12px; background: url("../images/Zwgk_ico_2.png") no-repeat center; filter: brightness(0);}
.SearchPart .layui-form-select dl{ top: 64px; }
.SearchPart .layui-form-selectup dl{ top: auto; bottom: 64px; }
.SearchPart .SeInput{ width: 576px; display: flex; }
.SearchPart .SeInput .layui-input{ padding: 0 30px; border-radius: 5px 0 0 5px; width: 456px; }
.SearchPart .SeInput a{ display: block; width: 120px; height: 60px; text-align: center; line-height: 60px; border-radius: 0 5px 5px 0; background-color: #266cb4; color: #FFF; font-size: 18px; cursor: pointer; user-select: none; }


.FastSe{ width: 260px; }
.FastSe>h1{ font-size: 24px; color: #266cb4; font-weight: bold; line-height: 1.5; display: block; }
.FastSe ul{ padding-top: 5px; }
.FastSe li{ position: relative; overflow: hidden; padding: 12px 0; padding-left: 16px; background: url("../images/Zwfw_ico_6.png") no-repeat left center; font-size: 16px; line-height: 1.5; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; transition: all 0.3s; }
.FastSe li:hover{ background: url("../images/Zwfw_ico_7.png") no-repeat left center; }
.FastSe li:hover a{ color: #ff0000; }

.ResultPart{ background: #FFF; padding: 10px 18px 20px; box-shadow:0px 0px 25px -5px #bba8a8; width: 875px; height: 480px; box-sizing: border-box; }
.ResultPart>h1{ font-size: 24px; color: #266cb4; font-weight: bold; line-height: 1.5; display: block; }