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


/*头条*/
.HomeHots{ height: 84px; padding: 30px 40px; background-color: #FFF; box-shadow:0px 10px 15px -3px #b8dcf6; border-radius: 0 0 5px 5px; z-index: 2;}
.HomeHots .bd{}
.HomeHots .bd li{ position: relative; overflow: hidden; height: 84px;}
.HomeHots .bd li>a.btn{ display: block; position: relative; overflow: hidden; float: left; height: 84px; width: 90px; background: url("../images/Home_ico_1.png") no-repeat left center;}
.HomeHots .bd li .con{ position: relative; float: right; width: 1100px;}
.HomeHots .bd li .con>h1{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 36px; color: #000; line-height: 1.2;}
.HomeHots .bd li .con>.desc{ position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; line-height: 1.5; font-size: 16px; color: #484848; margin-top: 10px;}
.HomeHots .hd{ position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center;}
.HomeHots .hd li{ display: inline-block; position: relative; overflow: hidden; width: 30px; height: 7px; cursor: pointer; margin: 0 5px; background-color: #e8edf5; font-size: 0;}
.HomeHots .hd li.on{ background-color: #0d59a7; }


/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url("../images/Home_ico_4.png") no-repeat left center; font-size: 16px; padding: 17px 0; padding-left: 15px; color: #333; }
.ulList li a{ display: block; float: left; max-width:78%; max-width: calc(100% - 100px); 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; width: 90px; float: right; text-align:right; color: #999;}

.ulList.nd li a{max-width: 100%; float: none;}
.ulList.lg li{ line-height: 45px; *line-height: 43px; }

/*公共图片动画*/
.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; }



.Part1{ padding: 30px 40px 15px; background: linear-gradient(to bottom, rgba(255,255,255,0.4), #FFF); background: #FFF; }


/* 焦点图 */
.Focus{width: 600px; height:410px; background-color: #f0fafd; }
.Focus .bd{}
.Focus .bd li{ position: relative; overflow: hidden; width: 600px; height:410px; }
.Focus .bd li img{ display: block; width: 100%; height: auto; min-height: 100%; }
.Focus .bg{ position: absolute; width: 100%; height: 50px; padding-top: 20px; left: 0; bottom: 0; background: linear-gradient(to bottom, transparent, #000); opacity: 0.8;}
.Focus .text{ position: absolute; width: 470px; height: 50px; left: 10px; bottom: 0;}
.Focus .text li{ padding: 10px 0; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; color: #FFF; line-height: 30px;}
.Focus .num{ position: absolute; right: 10px; bottom: 20px; }
.Focus .num li{ position: relative; overflow: hidden; float: left; width: 10px; height: 10px; margin: 0 3px; border-radius: 5px; background-color: #FFF; transition: width 0.3s; font-size: 0; cursor: pointer; }
.Focus .num li.on{ width: 30px; }

.Focus>a{display:block; width:30px; height:40px; position:absolute; top: 185px; top: calc((410px - 40px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; }
.Focus>a.prev{ left:10px; background:url("../images/Home_ico_2.png") no-repeat;}
.Focus>a.next{ right:10px; background:url("../images/Home_ico_3.png") no-repeat;}
.Focus:hover>a{ opacity:1; filter: alpha(opacity=100);}
.Focus:hover>a.prev{ left:0px;}
.Focus:hover>a.next{ right:0px;}


/*要闻焦点*/
.FocusNews{ width: 570px; height: 410px; }

.NewsSlide{}
.NewsSlide .hd{ border: 1px solid #d8ecfa; position: relative; height: 58px; padding: 0 20px;}
.NewsSlide .hd li{ position: relative; float: left; font-size: 22px; color: #000; height: 38px; line-height: 38px; margin: 10px 0;}
.NewsSlide .hd li.T::after{ content: ''; display: block; width: 40px; height: 4px; background-color: #ea1e22; border-radius: 4px; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; opacity: 0; transition: all 0.3s;}
.NewsSlide .hd li a{ display: inline-block; width: 125px; text-align: center; transition: all 0.3s;}
.NewsSlide .hd li.T.on a{ font-weight: bold; color: #0d59a7;}
.NewsSlide .hd li.T.on::after{ bottom: -10px; opacity: 1; }

.FocusNews ul.ulList{ height: 265px; }
.FocusNews ul.ulList li{ padding: 11px 0; padding-left: 15px; }
.FocusNews ul.ulList li a{ font-size: 18px; max-width: calc(100% - 110px); }


/*国务院信息*/
.GovBtns{ height: 50px; }
.GovBtns li{ position: relative; overflow: hidden; float: left; width: 176px; height: 48px; border: 1px solid #d8ecfa; border-radius: 3px; transition: all 0.5s; }
.GovBtns li + li{ margin-left: calc((100% - 178px * 3) / 2);}
.GovBtns li a{ display: block; width: 120%; text-align: center; height: 100%; line-height: 48px; font-size: 18px; color: #0d59a7;}
.GovBtns li.btn1 a{ background: url("../images/Home_ico_5.png") no-repeat 25px center;}
.GovBtns li.btn2 a{ background: url("../images/Home_ico_6.png") no-repeat 25px center;}
.GovBtns li.btn3 a{ background: url("../images/Home_ico_7.png") no-repeat 25px center;}
.GovBtns li:hover{ border-color: #94c1e1; box-shadow:0px 0px 6px -2px #82a6bf; transform: translateY(-5px);}


/*通知公告*/
.TzggPartBox{ position: absolute; width: 30px; height: 159px; top: 0px; right: -70px; }
.TzggPartBox .TzggBtn{ position: relative; overflow: hidden; width: 30px; height: 159px; background: url("../images/Home_ico_9.png") no-repeat center top;}
.TzggPartBox .TzggBtn a{ display: block; padding: 40px 0px 0px; text-align: center; font-size: 18px; color: #FFF; line-height: 1.3; user-select: none; background: url("../images/Home_ico_8.png") no-repeat 5px 17px; cursor: pointer; }
.TzggPartBox .TzggConBox{ position: absolute; overflow: hidden; right: 30px; top: 0; z-index: 999; width: 0; height: 0; background: #FFF; }
.TzggPartBox .TzggConBox::before{ content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 0; box-sizing: border-box; width: 100%; height: 100%; border: 4px solid #0d59a7;}

.TzggNews{ width: 570px; padding:10px 20px; position: absolute; right: 0; top: 0;}
.TzggNews li{ position: relative; overflow: hidden; padding: 12px 0; padding-left: 20px; background: url("../images/Home_ico_10.png") no-repeat 5px 22px; color: #050505;}
.TzggNews li + li{ border-top: 1px dashed #ddd;}
.TzggNews li a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; line-height: 1.5;}
.TzggNews li p{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 14px; color: #999999; line-height: 1.5; margin-top: 5px;}
.TzggNews li span{ display: block; font-size: 16px; color: #0d59a7; line-height: 1.5; margin-top: 5px; }
.TzggNews .More{position:absolute;z-index:10;right: 20px;bottom: 10px;border: 1px solid #0d59a7;border-radius: 15px;}
.TzggNews .More a{display:block;padding: 3px 10px;}

/*首页横幅*/
.Part2{ padding: 15px 40px; background: #FFF;}
.HomeHfBox{ height: 100px;}
.HomeHfBox .hd{ display: none; }

.HomeHfBox .bd{ position: relative; height: 100px; perspective:1500px;}
.HomeHfBox .bd ul,
.HomeHfBox .bd ul li,
.HomeHfBox .bd ul li img{ width: 1200px; height: 100px;}
.HomeHfBox .bd ul{ transform-style:preserve-3D; transition: all 0.8s; }
.HomeHfBox .bd ul li{ position: absolute; left: 0; top: 0;}
.HomeHfBox .bd ul li.block{ display: block !important;}
.HomeHfBox .bd ul,
.HomeHfBox .bd ul li{ transform-origin: center center -50px; -webkit-transform-origin: center center -50px; -ms-transform-origin: center center -50px; -moz-transform-origin: center center -50px; }




/*政务公开、政务服务、互动交流*/
.Part3{ padding: 15px 40px; background: #FFF;}

.Part3 .PartHd{ height: 60px; position: relative; text-align: center; }
.Part3 .PartHd::before{ content: ''; display: block; position: absolute; height: 5px; width: 1920px; top: 27.5px; left: 50%; transform: translateX(-50%); background: url("../images/Home_ico_14.png") repeat-x;}
.Part3 .PartHd li{ display: inline-block; position: relative; width: 300px; height: 60px; margin: 0 20px; border-radius: 30px; }
.Part3 .PartHd li a{ display: block; position: relative; height: 60px; text-align: center; padding-left: 50px; font-size: 30px; color: #000; z-index: 3; }
.Part3 .PartHd li a font{ display: inline-block; padding: 0 10px; background-color: #FFF; margin: 1px 0; line-height: 58px;}

.Part3 .PartHd li i{display: block;width: 60px;height: 60px;position: absolute;top: 0px;left: 33px;border-radius: 30px;transition: left 0.3s;}
.Part3 .PartHd li.btn1 i{ background: url("../images/Home_ico_11.png") no-repeat center; }
.Part3 .PartHd li.btn2 i{ background: url("../images/Home_ico_12.png") no-repeat center; }
.Part3 .PartHd li.btn3 i{ background: url("../images/Home_ico_13.png") no-repeat center; }
.Part3 .PartHd li::before{ content: ''; display: block; width: 60px; height: 60px; box-sizing: border-box; border: 1px solid #eef3f9; border-radius: 30px; position: absolute; overflow: hidden; box-shadow:0px 4px 10px -3px #d1e9fb; top: 0; background-color: #FFF; z-index: 0; transition: all 0.3s; left: 33px; } 
.Part3 .PartHd li::after{ content: ''; display: block; width: 35px; height: 0px; background: url("../images/Home_ico_15.png") no-repeat center top; position: absolute; left: 50%; transform: translateX(-50%); bottom: -28px; transition: all 0.3s; }

.Part3 .PartHd li:hover::before,
.Part3 .PartHd li.on::before{ width: 100%; left: 0; }
.Part3 .PartHd li.on::after{ height: 14px;  }
.Part3 .PartHd li.on i{left: 53px;}
.Part3 .PartHd li.on a font{font-weight: bold;color: #0d59a7;}

.Part3 .PartBd{ margin-top: 28px; }

/*政务公开*/
.ZwgkPart .Part_T{ padding: 15px; border: 1px solid #d8ecfa; border-radius: 10px; position: relative; box-sizing: border-box; }
.ZwgkPart .Part_T::before{ content: ''; display: block; width: 100%; width: calc(100% + 2px); height: 80px; position: absolute; left: -1px; top: -1px; border-radius: 10px 10px 0 0; z-index: 0; background-color: #0d59a7; }

.ZcwjSlide{ width: 580px; }
.PubHd{ height: 51px; position: relative; padding-bottom: 13px; }
.PubHd li{ position: relative; float: left; height: 51px; line-height: 51px; font-size: 22px; color: #FFF; }
.PubHd li.T::after{ content: ''; display: block; width: 40px; height: 4px; border-radius: 4px; background-color: #FFF; position: absolute; left: 50%; transform: translateX(-50%); bottom: -4px; opacity: 0; transition: all 0.3s; z-index: 0; }
.PubHd li a{ display: inline-block; padding: 0 15px; color: #FFF; }
.PubHd li.T.on::after,
.PubHd li.T:hover::after{ bottom: 0; opacity: 1; }
.PubHd li.T.on a{ font-weight: bold; text-shadow:2px 2px 0px #000;}
.ZcwjSlide .bd{ }
.ZcwjSlide .bd .ulList{ min-height: 203px; }


.ZfxxgkSlide{ width: 550px; }

.ZfxxgkBtns{ padding-top: 15px; }
.ZfxxgkBtns li{ position: relative; overflow: hidden; float: left; margin-top: 12px; width: 265px; height: 55px; background-color: #f9fafb; transition: all 0.3s;}
.ZfxxgkBtns li>a{ display: block; padding-left: 100px; height: 100%; line-height: 55px; font-size: 18px; color: #333; }
.ZfxxgkBtns li.btn1>a{ background: url("../images/Home_ico_16.png") no-repeat 47px center; }
.ZfxxgkBtns li.btn2>a{ background: url("../images/Home_ico_17.png") no-repeat 38px center; }
.ZfxxgkBtns li.btn3>a{ background: url("../images/Home_ico_18.png") no-repeat 47px center; }
.ZfxxgkBtns li.btn4>a{ background: url("../images/Home_ico_19.png") no-repeat 41px center; }
.ZfxxgkBtns li.btn5>a{ background: url("../images/Home_ico_20.png") no-repeat 47px center; }
.ZfxxgkBtns li.btn6>a{ background: url("../images/Home_ico_021.png") no-repeat 47px center; }

.ZfxxgkBtns li.btn2,
.ZfxxgkBtns li.btn4{ float: right; }
.ZfxxgkBtns li.btn5{ width: 100%; }
.ZfxxgkBtns li dl{ float: left; margin-left: 150px; margin-top: -50px; }
.ZfxxgkBtns li dl dd{ position: relative; float: left; line-height: 45px; font-size: 16px; color: #999; }
.ZfxxgkBtns li:hover{ transform: translateY(-3px); box-shadow:1px 3px 5px -2px #9f9c9c; }

.ZdlygkBtns ul{ width: 105%; padding-top: 15px;}
.ZdlygkBtns li{ position: relative; overflow: hidden; float: left; background-color: #f9fafb; margin: 12px 12px 24px 0; transition: all 0.3s; width: 175px; height: 55px;}
.ZdlygkBtns li a{ display:table-row; height: 100%; line-height: 55px; font-size: 18px; }
.ZdlygkBtns li a img{ margin:0 10px 0 25px; }


.ZwgkPart .Part_B{ padding: 15px; border: 1px solid #d8ecfa; border-radius: 10px; position: relative; margin-top: 18px; min-height: 80px; }

.JgszBtns{}
.JgszBtns ul{
    display: flex;
    justify-content: space-around;
}
.JgszBtns li{ position: relative; float: left; height: 78px; margin: 0 5px; border: 1px solid transparent; transition: all 0.3s; border-radius: 5px; }
.JgszBtns li a{ display: block; padding: 0 5px; }
.JgszBtns li i{ display: block; margin: 0 auto; height: 40px; text-align: center; line-height: 40px; position: relative; margin-bottom: 8px; }
.JgszBtns li span{ display: block; line-height: 30px; font-size: 18px; }
.JgszBtns li:hover{ border-color: #d8ecfa; box-shadow:1px 2px 5px -3px #d1b3b3; transform: translateY(-3px); background-color: #eaf0f5; }


.SjfbLink{ width: 550px; }
.SjfbLink a{ display: block; width: 265px; height: 80px; text-align: center; line-height: 80px; background-color: #ddecfe; position: relative; overflow: hidden; border-radius: 5px; float: left; transition: all 0.3s; }
.SjfbLink a + a{ float: right; }
.SjfbLink a:hover{ background-color: #bed5f1; box-shadow:2px 2px 5px -3px #000; transform: translateY(-3px); }




/*政务服务*/
.ZwfwPart{  }
.ZwfwPart .Part_T{border: 10px; padding: 15px 15px 20px 15px;; border-radius: 10px; position: relative; min-height: 200px; }
.ZwfwPart .Part_T::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; border-radius: 10px; z-index: 0; background-color: #0d59a7; }

.ZwfwPart .Part_T .TitImg{}
.ZwfwPart .Part_T .TitCon{ width: 530px; }
.ZwfwPart .Part_T .TitCon .b{ position: relative; overflow: hidden; float: left; height: 60px;}
.ZwfwPart .Part_T .TitCon .b a{ display: block; padding-left: 60px; height: 100%; }
.ZwfwPart .Part_T .TitCon .b.b1 a{ background: url("../images/Home_ico_38.png") no-repeat left center; }
.ZwfwPart .Part_T .TitCon .b.b2{ margin-left: 50px; }
.ZwfwPart .Part_T .TitCon .b.b2 a{ background: url("../images/Home_ico_39.png") no-repeat left center; }
.ZwfwPart .Part_T .TitCon .b h1{display: block;font-size: 24px;line-height: 1.2;color: #FFF;}
.ZwfwPart .Part_T .TitCon .b p{ display: block; font-size: 18px; line-height: 1.2; color: #FFF; }

.ZwfwPart .Part_T .TitCon .sel{ position: relative; float: right; width: 190px; height: 36px; margin:12px 0;}
.ZwfwPart .Part_T .TitCon .sel .T{ position: relative; overflow: hidden; float: left; width:100px; height: 36px; line-height: 36px; font-size: 18px; color: #FFF; text-align: right;}
.ZwfwPart .Part_T .TitCon .sel .D{ position: relative; overflow: hidden; float: right; width: 54px; height: 36px; line-height: 36px; font-size: 16px; color: #1660aa; cursor: pointer; background: url("../images/Home_ico_40.png") no-repeat 50px center #eaf5fe; padding: 0 13px; border-radius: 18px; }
.ZwfwPart .Part_T .TitCon .sel ul.layui-menu{ display: none; }

.yzsZwfwzx.layui-dropdown{ overflow-x:hidden; max-height: 235px; width: 190px; border: 1px solid #c2c5c7; box-shadow: 0px 0px 10px -2px #95b1d4;}
.yzsZwfwzx.layui-dropdown::-webkit-scrollbar{ width: 5px; background: transparent;}
.yzsZwfwzx.layui-dropdown::-webkit-scrollbar-button{ display: none;}
.yzsZwfwzx.layui-dropdown::-webkit-scrollbar-track-piece{ background: #e4e4e4; }
.yzsZwfwzx.layui-dropdown::-webkit-scrollbar-thumb{ background-color: #0c5197; border-radius: 5px;}
.yzsZwfwzx.layui-dropdown .layui-menu-body-title a{ white-space: normal; line-height: 1.3; padding: 9px 15px;}

.zwfwCard{ background-color: #FFF; width: 350px; height: 150px; padding: 15px; margin-top: 25px; }
.zwfwCard + .zwfwCard.f_l{ margin-left: 15px; }
.zwfwCard .Tit{ font-size: 22px; font-weight: bold; color: #000; }
.zwfwCard .Con{ margin-top: 15px; position: relative; overflow: hidden; }
.zwfwCard .Con>a{ display: block; float:left; }
.zwfwCard .Con>ul{ position: relative; float: right; width: calc(100% - 100px); }
.zwfwCard .Con>ul li{ float: left; font-size: 16px; line-height: 1.5; }
.zwfwCard .Con>ul li a{ padding: 0 2px; }
.zwfwCard .Con>ul li.More{ color: #0d59a7; }


.ZwfwPart .Part_B{ padding: 15px; border: 1px solid #d8ecfa; border-radius: 10px; position: relative; margin-top: 18px; min-height: 80px; }

.ZwfwPart .JgszBtns li{margin: 0 18px;}
.ZwfwPart .JgszBtns li a{ padding: 0 15px; }


.Bmfw_b{
    display:flex;
    justify-content: space-between;
    margin-top: 20px;
}


/*互动交流*/
.HdjlPart{}
.HdjlPart .Part_T{ padding: 15px; border: 1px solid #d8ecfa; border-radius: 10px; position: relative; box-sizing: border-box; }
.HdjlPart .Part_T::before{ content: ''; display: block; width: 100%; width: calc(100% + 2px); height: 80px; position: absolute; left: -1px; top: -1px; border-radius: 10px 10px 0 0; z-index: 0; background-color: #0d59a7; }


.ZwxxBox{ width: 580px; }
.ZwxxBox dl{ position: relative; float: left; padding-top: 24px; }
.ZwxxBox dl dd{ position: relative; overflow: hidden; font-size: 18px; width: 120px; height: 40px; margin-left: 7px; border-radius: 8px 8px 0 0; background-color: #3d7ab9; transition: all 0.3s; float: left; }
.ZwxxBox dl dd a{ display: block; height: 100%; line-height: 40px; color: #FFF; text-align: center;}
.ZwxxBox dl dd.on a{ background-color: #FFF; font-weight: bold; line-height: 38px; color: #0d59a7;}
.ZwxxBox dl dd:hover{ background-color: #5f9ad7; }


.ZjdcBox{ width: 550px; }
.ZjdcBox .jQrIco{ float: right; margin-top: -5px; }

.ZjdcList li{ position: relative; overflow: hidden; height: 50px; border-radius: 8px; background-color: #f9fafb; margin-top: 9px; padding: 8px;}
.ZjdcList li>em{ display: block; float: left; position: relative; width: 38px; height: 40px; border: 1px solid #ea1e22; border-radius: 8px; text-align: center; font-size: 16px; color: #eb2b2f; padding: 4px 5px; line-height: 20px; background: #faf3f2; background: linear-gradient(to bottom, #f9fafb, #f9d7cd); }
.ZjdcList li.S2>em{ line-height: 40px; background: linear-gradient(to bottom, #f9fafb, #e1ebff); color: #7b7b7b; border-color: #7b7b7b; }
.ZjdcList li .text{ position: relative; overflow: hidden; width: 350px; margin-left: 15px; float: left; }
.ZjdcList li .text a{ display: block; position: relative; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; font-size: 18px; line-height: 1.5; }
.ZjdcList li .text p{ display: block; font-size: 14px; color: #0d59a7; }
.ZjdcList li .btn{ position: relative; overflow: hidden; float: right; width: 100px; height: 32px; border-radius: 16px; border: 1px solid #0d59a7; font-size: 14px; float: right; margin: 8px 0 0;}
.ZjdcList li .btn a{ display: block; height: 100%; line-height: 32px; text-align: center; color: #0d59a7; padding-right: 10px; transition: all 0.3s; background-color: #FFF; }
.ZjdcList li .btn a::after{ content: '+'; position: absolute; right: 13px; animation-duration: 0.5s; animation-fill-mode: both;}
.ZjdcList li.S2 .btn a::after{ content: '>';}
.ZjdcList li .btn:hover{ box-shadow:0px 1px 4px 1px #d7c2c2; }
.ZjdcList li .btn a:hover{ padding: 0; }
.ZjdcList li .btn a:hover::after{ animation-name: rotateOut; }

.HdjlPart .Part_B{ padding: 15px; border: 1px solid #d8ecfa; border-radius: 10px; position: relative; margin-top: 18px; min-height: 80px; }

.HdjlPart .JgszBtns li{ margin: 0 5px; }
.HdjlPart .JgszBtns li a{ padding: 0 15px; }

.HdjlPart .Part_B .CjwtzskLink{ width: 550px; }
.HdjlPart .Part_B .CjwtzskLink a{ display: block;position: relative; overflow: hidden; border-radius: 5px; height: 80px; text-align: center; line-height: 80px; background-color: #eaf6ff; transition: all 0.3s; }
.HdjlPart .Part_B .CjwtzskLink a:hover{ background-color: #bed5f1; box-shadow:2px 2px 5px -3px #000; transform: translateY(-3px); }




/*走进黔南*/
.Part4{ padding: 15px 40px; background-color: #FFF; }
.Part4>.PatrPrev{ position: relative; height: 20px; background: url("../images/Home_ico_58.png") no-repeat center top; background-size: 100% auto;}
.Part4>.PatrNext{ position: relative; height: 20px; background: url("../images/Home_ico_59.png") no-repeat center bottom; background-size: 100% auto; }

.Part4Con{ height: 440px; }
.Part4Con>.Tit{ height: 100%; line-height: 440px; float: left; position: relative; z-index: 10; }

.FocusPhoto{position: relative;overflow: hidden;float: left;margin-left: -20px;height: 440px;width: 424px;}
.FocusPhoto .hd{ position: absolute; width: 100%; bottom: 130px; text-align: center; height: 0;}
.FocusPhoto .hd li{ display: inline-block; width: 10px; height: 10px; border: 2px solid #FFF; position: relative; overflow: hidden; border-radius: 50%; font-size: 0; margin: 0 3px; }
.FocusPhoto .hd li.on{ background-color: #FFF; }


.ZjqnCon{ width: 640px; height: 440px; background: url("../images/Home_ico_61.png") no-repeat center bottom; }
.ZjqnCon .Card{ width: 200px; height: 375px; border-radius: 8px; background: rgba(208,232,255,0.5); margin: 32px 0; transition: all 0.5s; }
.ZjqnCon .Card + .Card{ margin-left: 20px; }

.ZjqnCon .Card>.CT{ position: relative; overflow: hidden; width: 60px; margin: 25px auto 20px; text-align: center;}
.ZjqnCon .Card>.CT a{}
.ZjqnCon .Card>.CT h1{ display: block; padding: 0 10px; font-size: 22px; color: #000; position: relative; line-height: 1.2; padding-bottom: 15px;  transition: all 0.3s; }
.ZjqnCon .Card>.CT h1::before{ content: ''; display: block; height: 60px; border-left: 1px solid #1a62ac; position: absolute; left: 0; top: 6px;}
.ZjqnCon .Card>ul{ position: relative; padding: 0 53px; overflow: hidden; height: 111px; transition: height 0.5s; }
.ZjqnCon .Card>ul li{ position: relative; overflow: hidden; font-size: 18px; line-height: 1.5; padding: 5px 0;}

.ZjqnCon .Card .More{ margin: 0 53px; font-size: 18px; line-height: 1.5; padding: 5px 0; color: #0d59a7; }

.ZjqnCon .Card.on{ height: 420px; margin-top: 10px; box-shadow: 0px 0px 10px -3px #9bb7cb; background: rgba(255,255,255,0.2);}
.ZjqnCon .Card.on>.CT h1{ font-weight: bold; color: #0d59a7; }
.ZjqnCon .Card.on>ul{ height: 148px; }




/*专题专栏*/
.ZtzlPart{ padding: 15px 40px; background-color: #FFF; }

.Title{ height: 25px; position: relative; overflow: hidden; line-height: 25px; }
.Title>h1{ float: left; font-size: 22px; font-weight: bold; color: #000;}
.Title .More{ float: right; font-size: 14px; color: #0d59a7; }

.ZtzlSlide{ border: 1px solid #d8ecfa; border-radius: 8px; padding: 10px; margin-top: 15px; }
.ZtzlSlide .hd{ display: none; }
.ZtzlSlide .bd{ }
.ZtzlSlide .bd li{ position: relative; overflow: hidden; float: left; width: 276px; height: 117px; margin: 10px 9px; transition: all 0.3s; }
.ZtzlSlide .bd li img{ width: 100%; height: 100%; }
.ZtzlSlide .bd li:hover{ transform: translateY(-3px); box-shadow:1px 3px 5px -2px #9f9c9c; }
.ZtzlSlide>a{ display: block; position: absolute; width: 40px; height: 40px; overflow:hidden; border-radius: 50%; box-shadow: 0px 0px 20px -5px #282828; top: 58px; cursor: pointer; z-index: 10; transition:all 0.3s; }
.ZtzlSlide>a.prev{ left: 10px; background: url("../images/Home_ico_65.png") no-repeat center rgba(255,255,255,0.4); }
.ZtzlSlide>a.next{ right:10px; background: url("../images/Home_ico_66.png") no-repeat center rgba(255,255,255,0.4); }
.ZtzlSlide>a:hover{ background-color:#FFF; }