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

.Main{background-color: #FFF;box-shadow:0 0 20px -7px #afafaf;margin-bottom: 15px;}


/*公共列表*/
.ulList{ padding-top: 10px; min-height: 20px;}
.ulList li{ position: relative; overflow: hidden; line-height: 1.3; background: url("Home_ico_11.png;vpn_img") no-repeat left center; font-size: 16px; padding: 10px 0; padding-left: 15px; color: #2a2d31; }
.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: #abb1ba;}

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


/* 焦点图 */
.Focus{ width: 600px; height:375px; border-radius: 5px; }
.Focus .bd{}
.Focus .bd li{ position: relative; overflow: hidden; width: 600px; height:375px; }
.Focus .bd li img{ display: block; width: 100%; height: auto; min-height: 100%; }
.Focus .bg{ position: absolute; width: 100%; height: 50px; left: 0; bottom: 0; background:#000; opacity: 0.8;}
.Focus .text{ position: absolute; width: 430px; 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; float: left; width: 8px; height: 8px; margin: 0 7px; border-radius: 5px; border: 1px solid #FFF; transition: margin 0.3s; font-size: 0; cursor: pointer; }
.Focus .num li::after{ content: ''; width: 32px; height: 32px; background: url("Home_ico_10.png;vpn_img") no-repeat center; display: block; position: absolute; left: 50%; top: 50%; margin:-16px 0 0 -16px; transition: all 0.3s; opacity: 0; transform: scale(0); }
.Focus .num li.on{ border-color: transparent; margin: 0 15px; }
.Focus .num li.on::after{ opacity: 1; transform: scale(1);}

.Focus>a{display:block; width:63px; height:78px; position:absolute; top: 185px; top: calc((375px - 78px) / 2); cursor:pointer; opacity:0; filter: alpha(opacity=0); transition:all 0.5s; }
.Focus>a.prev{ left:10px; background:url("Home_ico_8.png;vpn_img") no-repeat;}
.Focus>a.next{ right:10px; background:url("Home_ico_9.png;vpn_img") 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: 520px; height: 375px; }

.NewsSlide{}
.NewsSlide .hd{ border-bottom: 2px solid #DDD; position: relative; height: 39px; }
.NewsSlide .hd li{position: relative;float: left;font-size: 24px;color: #000;height: 39px;font-weight: bold;}
.NewsSlide .hd li + li{ margin-left: 20px; }
.NewsSlide .hd li a{ display: inline-block; }
.NewsSlide .hd li.on{ border-bottom: 2px solid #0066cc; }
.NewsSlide .hd li.on a{ color: #0066cc;}

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


.DepTitle{ position: relative; height: 46px; }
.DepTitle::before{ content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: #3887d7; left: 0; top: 22px; z-index: 0;}
.DepTitle::after{ content: ''; display: block; position: absolute; width: 8px; height: 8px; border: 1px solid #3887d7; border-radius: 50%; background-color: #FFF; right: 0; top: 18px; z-index: 1;}
.DepTitle h1{ padding-right: 25px; font-size: 36px; font-weight: bold; color: #000; line-height: 46px; background-color: #FFF; position: relative; z-index: 2; float: left; }


.Part2{ padding:0 30px 25px; }

.XxgkBtns{ width: 193px; height: 298px; border: 1px solid #9fd9ff; background-color: #def0fd; }
.XxgkBtns ul{ position: relative; padding: 5px 0; margin: 20px; }
.XxgkBtns ul::before{ content: ''; display: block; position: absolute; border-left: 1px solid #3b3c3d; height: 100%; left: 0px; top: 0px;}
.XxgkBtns ul li{ position: relative; height: 40px; line-height: 40px; font-weight: bold; font-size: 18px; margin: 18px 0; }
.XxgkBtns ul li a{ display: block; padding-left: 18px; }
.XxgkBtns ul li::before{ content: ''; display: block; width: 8px; height: 8px; border: 1px solid #3b3c3d; border-radius: 50%; background-color: #FFF; position: absolute; left: -5px; top: 50%; transform: translateY(-50%); }
.XxgkBtns ul li:hover::before{ background-color: #0066cc; }
.XxgkBtns ul li:hover a{ color: #0066cc; }


.ZcwjSlide{ width: 575px; margin-left: 15px; }


.ThreePart{ width: 325px; }

.LdzcSlide{ border: 1px solid #9fd9ff; height: 238px;}
.LdzcSlide>.hd{ height: 49px; position: relative; display: flex; }
.LdzcSlide>.hd li{ position: relative; overflow:hidden; height: 49px; background-color: #def0fd; width: 50%; font-size: 24px; }
.LdzcSlide>.hd li a{ display: block; text-align: center; line-height: 49px; color: #0066cc; }
.LdzcSlide>.hd li.on{ background-color: #0066cc; }
.LdzcSlide>.hd li.on a{ color: #FFF; }

.LdzcCon{margin: 14px 14px 10px;height: 160px;}
.LdzcCon .inbd>.aBox{ display: flex; justify-content: space-between; }
.LdzcCon .Pic{ position: relative; overflow: hidden; width: 110px; height: 160px; }
.LdzcCon .Pic img{ width: 100%; height: auto; min-height: 100%; }
.LdzcCon .Text{ width: 170px; position: relative; overflow: hidden; }
.LdzcCon .Text>h1{ position: relative; font-size: 14px; height: 52px; overflow: hidden; color: #999; }
.LdzcCon .Text>h1 span{ font-size: 22px; line-height: 1.5; padding-right: 15px; color: #000; }
.LdzcCon .Text .Tit{ font-size: 16.5px; font-weight: bold; color: #0066cc; margin-top: 5px; }
.LdzcCon .Text .gzfg{ position: relative; overflow: hidden; font-size: 15px; line-height: 1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; margin-top: 5px;}
.LdzcCon .btns{ height: 28px; position: absolute; left: 140px; bottom: 10px; }
.LdzcCon .btns a{ position: relative; display:block; width: 65px; height: 28px; float: left; cursor: pointer; z-index: 10; transition: background-color 0.3s;}
.LdzcCon .btns a + a{ border-left: 1px solid #b5b5b5; }
.LdzcCon .btns a.inPrev{ background: url("Bmzz_ico_3.png;vpn_img") no-repeat center #dcdcdc; }
.LdzcCon .btns a.inNext{ background: url("Bmzz_ico_4.png;vpn_img") no-repeat center #dcdcdc; }
.LdzcCon .btns a:hover{ background-color: #b5b5b5; }

.JggkBtns{display:block;position:relative;margin: 14px 14px 10px;}
.JggkBtns li{position:relative;overflow: hidden;border-radius: 3px;color: #06c;}
.JggkBtns li + li{margin-top: 14px;}
.JggkBtns li a{display:block;height: 40px;line-height: 40px;font-size: 17px;font-weight: bold;padding: 0 15px;background-color: #def0fd;}

.BmxxBtn{ border: 1px solid #9fd9ff; height: 48px; background-color: #def0fd; }
.BmxxBtn a{ display: block; position: relative; overflow: hidden; height: 100%; line-height: 48px; font-size: 24px; color: #0066cc; padding-left: 90px; background: url("Bmzz_ico_5.png;vpn_img") no-repeat 30px center; }
.BmxxBtn a::after{ content: '我要写信'; width: 81px; height: 28px; text-align: center; line-height: 28px; border-radius: 14px; position: absolute; overflow: hidden; top: 10px; right: 30px; color: #FFF; background-color: #0066cc; font-size: 14px; }


.Home_HengFu{box-sizing:border-box;padding: 0 30px 20px;}
.Home_HengFu img{ width:100%; height:auto; }

.Part3{ padding:0 30px 25px; }

.ZtzlSlide{ height: 135px; }
.ZtzlSlide .hd{ display: none; }
.ZtzlSlide .bd{ margin:0 20px;}
.ZtzlSlide .bd li{ position: relative; overflow: hidden; width: 270px; height: 120px; float: left; margin:0 3px; transition: all 0.3s; margin-top: 15px; }
.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: 32px; height: 100px; top: 10px; z-index: 2; cursor: pointer; }
.ZtzlSlide>a.prev{ left: -10px; background: url("Bmzz_ico_6.png;vpn_img") no-repeat center; }
.ZtzlSlide>a.next{right: -10px; background: url("Bmzz_ico_7.png;vpn_img") no-repeat center; }

.Arctext {
    position: absolute;
    width: 270px; 
    height:120px;
    background: url(/vpn/89/https/P75YPLUCNFWGT3JPM7YYMLUDNG/images/guidangym3.png;vpn_img) no-repeat center top;
    background-size: 100% 100%;
    z-index: 999;
    transform: rotate(0deg);
}
.Arctext p {
    margin-top: 74px;
    margin-left: 135px;
    font-size: 16px;
    color: red;
    display: block;
    text-align: center;
    line-height: 34px;
    font-weight: 600;
}