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

.Main{ background-color: #f5f5f5; padding-top: 1px; }

.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; }

/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.5; background: url("../images/Home_ico_9.png") no-repeat left center; font-size: 16px; padding: 9px 0; padding-left: 15px; color: #333; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 120px); position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal;}
.ulList li a:hover{ color: #F00; }
.ulList li span{ display: inline-block; font-size: 16px; float: right; color: #b5b5b5;}


/*业务工作*/
.GhjhPart{ width: 585px; min-height: 347px; box-sizing: border-box; padding: 30px 30px 0; background-color: #FFF; border-radius: 5px; }
.GhjhPart .HeadCon{ height: 140px; padding-left: 160px; background: url("../images/Ywgz_ico_1.png") no-repeat 5px 5px; }
.GhjhPart .HeadCon h1{ font-size: 30px; font-weight: bold; line-height: 1.5; padding-top: 35px; }
.GhjhPart .HeadCon .hd{ height: 40px; position: relative; }
.GhjhPart .HeadCon .hd ul{ display: flex; }
.GhjhPart .HeadCon .hd ul li{ position: relative; overflow: hidden; font-size: 18px; height: 40px; line-height: 40px; }
.GhjhPart .HeadCon .hd ul li a{}
.GhjhPart .HeadCon .hd ul li.on a,
.GhjhPart .HeadCon .hd ul li a:hover{ color: #266cb4; }
.GhjhPart .ulList{min-height: 126px;}
.GhjhPart .ulList li{ padding-left: 22px; background: url("../images/Ywgz_ico_3.png") no-repeat left center; }
.GhjhPart .ulList li a{ float: none; max-width: inherit; }
.GhjhPart .ulList li span{ display: none; }

.Jkgl .HeadCon{ background: url("../images/Ywgz_ico_2.png") no-repeat 5px 5px; }




/* 图标切换 */
.Part2{ background:url("../images/Ywgz_ico_4.png") no-repeat center top; height: 550px; box-sizing: border-box; padding-top: 1px; }

.IcoCardSlide{ margin-top: 50px; }
.IcoCardSlide .bd{}
.IcoCardSlide .bd li{ position: relative; overflow: hidden; width: 285px; height: 400px; background: url("../images/Ywgz_ico_5.png") no-repeat center top; margin-right: calc((1200px - 285px * 4) / 3); float: left; box-sizing: border-box; padding-top: 35px; }
.IcoCardSlide .bd li h1{ display: block; padding: 15px 0; font-size: 30px; text-align: center; font-weight: bold; color: #1c65bb; background: url("../images/Ywgz_ico_7.png") no-repeat center bottom; line-height: 1.5; }
.IcoCardSlide .bd li .Con{ position: relative; overflow: hidden; height: 200px; display: flex; justify-content: center; align-items: center; }
.IcoCardSlide .bd li .Check{ position: relative; overflow: hidden; width: 180px; height: 48px; margin: 10px auto 0; border-radius: 24px; background: linear-gradient(to right, #2069bd, #7bf2af); box-shadow:-5px 8px 20px -4px #91b9d7;}
.IcoCardSlide .bd li .Check a{ display: block; text-align: center; line-height: 48px; font-size: 18px; color: #FFF; }
.IcoCardSlide .bd li:hover{ background: url("../images/Ywgz_ico_6.png") no-repeat center top; }
.IcoCardSlide .bd li:hover h1{ color: #FFF; background: url("../images/Ywgz_ico_8.png") no-repeat center bottom; }
.IcoCardSlide .bd li:hover .Con img{ filter: brightness(100); }
.IcoCardSlide .hd{ position: relative; height: 50px; display: flex; justify-content: center; margin-top: 30px; }
.IcoCardSlide .hd a{ display: block; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; }
.IcoCardSlide .hd a.prev{ background: url("../images/Ywgz_ico_9.png") no-repeat center; }
.IcoCardSlide .hd a.next{ background: url("../images/Ywgz_ico_10.png") no-repeat center; }
.IcoCardSlide .hd ul{ display: flex; justify-content: center; align-items: center; margin: 0 40px; }
.IcoCardSlide .hd ul li{ position: relative; overflow: hidden; font-size: 0; margin: 0 7px; width: 13px; height: 6px; border-radius: 5px; background-color: #5189c4; transition: all 0.3s; }
.IcoCardSlide .hd ul li.on{ background-color: #256ab2; width: 25px; }



/*疾病预控*/
.JpykPart{ width: 585px; }
.JpykPart .Con{background-color: #FFF;border-radius: 5px; padding:5px 20px 13px;min-height: 262px;}

.Title1{ height: 45px; position: relative; display: flex; align-items: center; }
.Title1 h1{ font-size: 30px; color: #212121; font-weight: bold; line-height: 45px; }
.Title1 h1 a{ display: flex; align-items: center; white-space: nowrap; }
.Title1 h1 img{ margin-right: 10px; }
.Title1 em{ display: block; width: calc(100% - 170px); margin: 0 30px 0 80px; position: relative; height: 6px; background-color: #266cb4; }
.Title1 em::before{ content: ''; display: block; width: 50px; height: 6px; position: absolute; top: 0; left: -50px; background: url("../images/Ywgz_ico_15.png") no-repeat left bottom; }
.Title1 em::after{ content: ''; display: block; width: 30px; height: 6px; position: absolute; top: 0; right: -30px; background: url("../images/Ywgz_ico_15.png") no-repeat right bottom; }



.Part4{ margin-top: 39px; padding-top: 1px; }
.Part4 ul{ display: flex; justify-content: space-between; }
.Part4 li{position: relative;overflow: hidden;width: 280px;width: 380px;/* width: 585px; */height: 135px;box-sizing: border-box;border-radius: 8px;margin-top: 10px;transition: all 0.3s;}
.Part4 li h1{ height: 70px; display: flex; margin: 30px 0 0 15px; align-items: center;}
.Part4 li h1 em{ display: block; width: 70px; height: 70px; text-align: center; line-height: 70px; position: relative; overflow: hidden; border-radius: 50%; background: rgba(255,255,255,0.2); }
.Part4 li h1 span{ font-size: 24px; font-weight:bold; color: #FFF; margin-left: 10px; }
.Part4 li p{ display: block; padding: 0 20px; text-align: right; font-size: 14px; color: #FFF; }

.Part4 li.btn1{ background: linear-gradient(to right, #4ae6e8, #2da8fd); }
.Part4 li.btn2{ background: linear-gradient(to right, #ffa5a6, #ff458c); }
.Part4 li.btn3{ background: linear-gradient(to right, #eb6af1, #7a67fe); }
.Part4 li.btn4{ background: linear-gradient(to right, #4ba1ec, #3d4ffd); }

.Part4 li:hover{ transform: translateY(-5px); box-shadow:5px 5px 10px -5px #766f6f; }