body {
    color: #000;
    font-size: 14px;
    font-family: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“", "Arial", Helvetica, "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;

 
}

.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img,.zt-ul li a div,.play-img,.tow-slick-img,.hy-list-img,.one-slick-img,.tabs-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .tabs-img,.zt-ul li a:hover div,a:hover .play-img,a:hover .tow-slick-img,a:hover .hy-list-img,a:hover .one-slick-img,a:hover .img-lb-img div{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
.slick-slider{ touch-action: auto!important; }
.slick-dots li button:before{ display: none; }

.container{ width: 1530px;}

.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #666; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.header{ position: fixed; left: 0; top: 0; right: 0; background: #fff; z-index: 1000; border-top: solid 5px #9b2034; }
.header .container{ width: 1630px; }
.logo{ line-height: 120px; }
.header-top a{ display: inline-block; margin-left: 30px; font-size: 15px; color: #666; }
.header-top a.home{ padding-left: 25px; background: url(../images/icon01.png) left center no-repeat; }
.header-top a.eng{ padding-left: 25px; background: url(../images/icon02.png) left center no-repeat; }
.header-top{ padding-top: 25px; }
.nav-list li{ float: left; position: relative; margin-left: 45px; padding-bottom: 30px; line-height: 1; }
.nav-list li a{ font-size: 20px; color: #333; font-weight: bold; }
.nav-down{ position: absolute; display: none; left: 50%; top: 100%; transform: translate(-50%,0); min-width: 120px; white-space:nowrap; }
.nav-down li{ float: none; margin:0; padding:0; }
.nav-down li a{ display: block; font-size: 16px; padding:10px 15px; text-align: center; background: #fff; }
.nav-list li:hover .nav-down{ display: block; }
.nav-list{ margin-top: 25px; }
.nav-list li a:hover,.header-top a:hover,a:hover .one-ul-tt,a:hover .one-slick-tt,a:hover .one-right-tt,a:hover .hy-list-tt{ color: #9b2034; }
.banner{ margin:0; overflow:hidden; }
body{ padding-top: 126px; }
.banner .slick-slide img { margin: 0 auto; }
.banner .slick-dots{ bottom: 30px; }
.banner .slick-dots li,.banner .slick-dots li button{ width: 40px; height: 40px; }
.banner .slick-dots li button{ background: url(../images/dian01.png) center no-repeat; }
.banner .slick-dots li.slick-active button{ background: url(../images/dian02.png) center no-repeat; }
.left_dstd{width:276px !important;height:auto !important;} 
.left_dstd img{/* width:100% !important; */height:auto !important;width: fit-content;}
.page-one{ background: url(../images/back01.png) center no-repeat; background-size: cover; padding:100px 0 70px 0; }
.title{ padding-left: 30px; margin-bottom: 60px; position: relative; background: url(../images/tt-left.png) left center no-repeat; }
.s-s .s-s2{display:none;}
.title a,.tabs-more{ position: absolute; line-height: 48px; font-size: 18px; color: #9b2034; right: 0; top: 0; bottom: 0; background: url(../images/more.png) right center no-repeat; padding-right: 40px; }
.tabs-more{ bottom: auto; top: -67px; line-height: 29px; }
.one-left{ width: 65.66%; }
.one-slick-img{ height: 380px; }
.one-slick{ width: 57.8%;max-height:580px;}
.one-slick-bottom{ border-left: solid 5px #9b2034; height: 200px; padding:30px 0 0 30px; }
.one-slick-tt{ font-size: 20px; color: #333; font-weight: bold; line-height: 1; }
.one-slick-p{ font-size: 15px; color: #999; text-align: justify; line-height: 25px; height: 75px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 25px; }
.one-slick-date{ font-size: 16px; color: #9b2034; margin-top: 30px; }
.one-slick .slick-dots{ left: auto; right: 0; bottom: 0; width: auto; }
.one-slick .slick-dots li,.one-slick .slick-dots li button{ width: 10px; height: 10px; border-radius: 5px; }
.one-slick .slick-dots li button{ background: #cb7683; }
.one-slick .slick-dots li.slick-active button,.one-slick .slick-dots li.slick-active{ width: 35px; }
.one-slick .slick-dots li.slick-active button{ background: #9b2034; }
.one-ul{ width: 39%; }
.one-ul li a{ display: block; margin-bottom: 18px; }
.one-ul-tt{ font-size: 18px; color: #333; line-height: 30px; height: 60px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; padding-left: 20px; background: url(../images/dian-li.png) left 13px no-repeat; }
.one-ul-date{ position: relative; margin-left: 20px; font-size: 16px; color: #9b2034; margin-top: 20px; }
.one-ul-date:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; left: 95px; border-top: dashed 1px #ccc; }
.one-right{ width: 31.33%; }
.one-right-ul li a{ display: block; height: 95px; margin-bottom: 18px; padding-left: 100px; position: relative; padding-bottom: 25px; margin-bottom: 25px; border-bottom: dashed 1px #ccc; }
.one-right-tt{ font-size: 18px; color: #333; line-height: 30px; height: 60px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.one-right-ul-date{ position: absolute; text-align: center; left: 0; top: 0; width: 75px; height: 75px; border:solid 1px #9b2034; font-size: 16px; color: #9b2034; }
.one-right-ul-date span{ display: block; background:#9b2034;  font-size: 26px; margin-bottom: 2px; color: #fff; font-weight: bold; line-height: 47px; }
.page-tow{ background: url(../images/back02.png) center no-repeat; overflow:hidden; background-size: cover; padding:100px 0 80px 0; }
.tabs-ul{ position: relative; width: 34.4%; }
.tabs-ul li a{ display: block; line-height: 164px; font-size: 30px; color: #333; position: relative; padding-left: 155px; }
.tabs-ul li a i{ position: absolute; z-index: 5; width: 120px; z-index: 10; text-align: center; left: 0; top: 0; bottom: 0;  }
.tabs-ul li a i img{ width: 46px; }
.tabs-ul li a:before{ display: block;z-index: 5; content: ""; position: absolute; left: 0; width: 120px; top: 0; bottom: 0; background: url(../images/back-a01.png) center no-repeat; }
.tabs-ul li a span{ position: relative; z-index: 10; }
.tabs-ul li.active a:after{ display: block; content: ""; position: absolute; left: 82px; top: 50%; width: 475px; height: 508px; background: url(../images/mask.png) center no-repeat; transform: translate(0,-50%); }
.tabs-ul li.active a:before{ width: 160px;background: url(../images/back-a02.png) center no-repeat; }
.tabs-ul li.active a i img{ width: 74px; }
.tabs-ul li.active a i{ width: 160px; }
.tabs-ul li.active a{ padding-left: 200px; }
.tabs-ul li{ margin-bottom: 30px; position: relative; z-index: 10; }
.tabs-ul li.active{ z-index: 8; }
.tabs-ul li:nth-of-type(2) { margin-left: 60px; }
.tabs-ul li:last-child{ margin-bottom: 0; }
.tabs-ul:before{ display: block; content: ""; position: absolute; top: 50%; left: -210px; transform: translate(0,-50%); width: 337px; height: 686px; background: url(../images/quan.png) center no-repeat; }
.tabs-width{ width: 65.6%; }
.tabs-width-ul li{ float: left; width: 50%; padding:0 22px; margin-bottom: 44px; }
.tabs-width-ul{ margin:0 -22px; }
.tabs-img{ height: 300px; }
.tabs-width-ul li a{ display: block; position: relative; }
.tabs-mask{ display: flex; align-items: center; font-size: 20px; color: #fff; bottom: 0; position: absolute; left: 0; right: 0; height: 177px; background: url(../images/txt-mask.png?v=2) center no-repeat; background-size: 100% 100%; padding: 85px 110px 0 40px;  }
.tabs-width-ul li a i{ position: absolute; right: 30px; bottom: 20px; width: 55px; height: 55px; background: url(../images/raw-r.png) center no-repeat; }
.page-tow .title{ margin-bottom: 30px; }
.page-three{ background: url(../images/back03.png) center no-repeat; background-size: cover; padding:100px 0; }
.hy-list li{ float: left; width: 33.333333%; padding:0 23px; margin-bottom: 100px; }
.hy-list li a{ display: block; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.hy-list{ margin:0 -23px; }
.hy-list-img{ padding-top: 63.8%; }
.hy-list-bottom{ background: #fff; height: 195px; padding:35px; }
.hy-list-tt{ font-size: 18px; color: #333; line-height: 1; }
.hy-list-p p{ font-size: 16px; color: #999; position: relative; padding-left: 35px; margin-top: 13px; line-height: 22px; }
.hy-list-p p.hy-a{ background: url(../images/icon-p01.png) left center no-repeat; }
.hy-list-p p.hy-b{ background: url(../images/icon-p02.png) left center no-repeat; }
.hy-list-p p.hy-c{ background: url(../images/icon-p03.png) left center no-repeat; }
.hy-list-p{ padding-top: 12px; }
.dh-list li{ float: left; width: 16.666666%; }
.dh-list li a{ display: inline-block; font-size: 20px; color: #333; }
.dh-list-top{ width: 140px; margin:0 auto 20px auto; height: 140px; border:dashed 1px #ccc; line-height: 138px; border-radius: 50%; }
.dh-list li a:hover .dh-list-top{ background: url(../images/back-b.png) center bottom no-repeat; border-color: #9b2034; }
.dh-list li a:hover{ color: #9b2034; }
.footer{ background: url(../images/footer.png) center top no-repeat; height: 390px; position: relative; margin-top: -60px; padding-top: 130px; }
.footer-p p{ font-size: 16px; color: #fff; margin-bottom: 20px; }
.footer-p p span{ display: inline-block; padding-right: 20px; }
.dropdown{ width: 234px; margin-top: 40px;display:none; }
.dropdown-a{ background: #ad273d; color: #fff!important; border:solid 1px #bc5465; height: 38px; line-height: 36px; padding-left: 18px; position: relative; display: block; }
.dropdown-a:before{ display: block; content: ""; position: absolute; right: 20px; top: 0; bottom: 0; width: 11px; background: url(../images/raw-f.png) center no-repeat; }
.dropdown-menu{ min-width: 100%; top: auto; bottom: 100%; }
.logo-b{ position: absolute; left: 50%; top: 30px; width: 450px; margin-left: -225px; }
.footer-right .pull-left{ margin-left: 37px; font-size: 16px; color: #fff; }
.footer-right .pull-left img{ height: 110px; margin-bottom: 10px; }
.footer-bottom{ background: rgba(134,19,38,0.6); font-size: 16px; color: #fff; padding:20px 0; }
.footer-top{ padding-bottom: 56px; }
.fix-ul{ position: fixed; transition: 0.3s all; transform: translate(0,-50%); z-index: 10000; right: -90px; top: 50%; background: rgba(155,32,52,0.82); border-radius: 20px 0 0 20px; padding:15px 0; }
.fix-ul li a{ display: block; width: 90px; font-size: 16px; color: #fff; padding:15px 0 10px 0; }
.fix-ul li a span{ display: inline-block; margin-bottom: 10px; }
.fix-ul li a:hover{ background: #b9a279; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.fix-ul-left{ position: absolute; transition: 0.3s all; right: 90px; top: 50%; width: 87px; height: 174px; background: url(../images/fix-a.png) center no-repeat; margin-top: -87px; }
.fix-ul:hover{ right: 0; }
.fix-ul:hover .fix-ul-left{ opacity: 0; right: 0; }
.fix-ul ul{ position: relative; z-index: 100; }


.index-img-link-box .slick-prev{display:none !important;}
.index-img-link-box .slick-next{display:none !important;}




.layer{background:rgba(0,0,0,1); display: none; position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 10000000;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer .close{font-size:60px; opacity: 1; font-family: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œ"; position:absolute;right:15%;top:15%;width:80px;height:80px;text-align: center;line-height:60px;cursor:pointer;color:#ccc;}
.layer .search_box{height:45px;line-height:45px;width:550px;display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;}
.layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1; max-width: 500px; float: none!important;}
.layer .search_box .kw{background:#fff; border:none; -ms-flex:1;flex:1;padding:0 12px; height: 45px; font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#9b2034;color:#fff; right: 0; box-shadow: none; border:none; width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer.active{ opacity: 1; z-index: 1000000; }

.close{ display: block; }
.layer .search_box .ok{ height: 45px; }


.search-right .form-control::-webkit-input-placeholder{
            color:#999;
        }
.search-right .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#999;
        }
.search-right .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#999;
        }
.search-right .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999;}


.search-right .form-control{ color: #333;}


.dstd {margin-bottom: 10px;border-collapse: collapse;display: table;width:100%;border: none !important;}
  .dstd td{background: white;padding: 5px 10px;border: none!important;overflow: hidden;}  	
/************ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â©ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¹ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âª************/
.list-back{ background: #fff; padding:40px 0 100px 0; }
.banner-list img{ width: 100%; }
.list-left{ width: 200px; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding-bottom: 130px; background: url(../images/list-left.png) center bottom no-repeat; background-size: cover; }
.list-left-tt{ font-size: 28px; color: #fff; font-weight: bold; background:#9b2034; line-height: 75px; text-align: center; }
.list-left-nav li a{ display: block; border-bottom: dashed 1px #ddd; position: relative; background: url(../images/raw01-1.png) right center no-repeat ;color: #2C2C2C; font-size: 18px; /* line-height: 55px;*/ padding: 0.8em 0;  }
.list-left-nav{padding: 10px 12px;}
.list-left-nav li.active a.nav-a,.list-left-nav li a:hover,.list-left-three li.active a{color: #9b2034; background: url(../images/raw02-1.png) right center no-repeat ; }
.right-width{ width: 1250px; padding-top: 20px;}
.list-left-three{ padding-left: 15px; display: none; }

.right-width-tt{ 
padding-left: 25px; position: relative;
font-size: 28px;
font-weight: bold;
line-height: 1;
color: #2C2C2C; margin-bottom: 30px; }
.right-width-tt:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 28px; margin-top: -12px; background: #9b2034; }
.nav-b{ line-height: 28px; font-size: 16px; color: #626262; padding-left: 30px; background: url(../images/icon-home.png) left center no-repeat; }
.nav-b a{ color: #626262; }
.xb-box{ position: relative; margin-bottom: 55px; margin-left: 5px; }
.xb-box-tt{ margin-right: 25px; height: 70px; padding-left: 25px; line-height: 70px;border-radius: 0px 40px 0px 0px;
background: #F5F8FF; font-size: 22px; color: #333; }
.xb-box-tt span{ position: relative; padding-left: 25px; }
.xb-box-tt span:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 5px; height: 22px; margin-top: -10px;background: #FFC062; }
.xb-list li{ float: left; width: 25%; margin-bottom: 30px; padding:0 15px; }
.xb-list li a{ font-size: 18px; color: #333; line-height: 1; padding-left: 20px; position: relative; }
.xb-list{ border: 1px solid #CEDBE8; padding:35px 15px 5px 15px; }
.xb-list li a:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; 
background: #9b2034; border-radius: 4px; }
.xb-box:before{ display: block; content: ""; position: absolute; left: -5px; top: 0; width: 5px; background: #9b2034; height: 135px; border-radius: 0 0px 0 40px; }
.xb-list li a:hover,.nav-b a:hover{ color: #9b2034; }
.list-left-tt-phone{ display: none; }




.article-tt { font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; margin-top: 20px; margin-bottom: 0px; }
.article-sm { border-top: 1px dashed rgb(221, 221, 221); max-width: 780px; margin: 30px auto 0px; border-bottom: 1px dashed rgb(221, 221, 221); padding: 15px 0px; font-size: 16px; }
.article-sm span {padding: 0px 4px;}
.wp_articlecontent p,
.wp_articlecontent span,
.article-p p,
.article-p span {text-align: justify;font-size: 18px !important;color: rgb(51, 51, 51);line-height: 1.75 !important;margin-bottom: 10px; background:none !important;word-break:break-all;}

.article-p div{margin:auto;max-width:100%;}
.article-p div video{max-width:100%;height:auto !important;display:block;margin:auto;}
.article-p .imgnav{max-width:100%;}
.article-p .imgnav .img{max-width:100%;}
.article-p .imgnav .img img{height:auto !important;}
.article-p .imgnav .cbtn{max-width:100%;}
.article-p .imgnav .cSlideUl{max-width:100%;}


.article-p table{display:block;max-width:100%;}
.article-p table p{text-indent: 0em !important;}

.wp_articlecontent img,
.article-p img {/* height: 509px !important; *//* object-fit: contain; */}
.wp_articlecontent p,
.article-p p { text-indent: 2em; }
.wp_articlecontent p>img,
.article-p p > img { margin-left: -2em; max-width:100%;height:auto !important;}

.article-p { margin-top: 40px; }
.article-link p a { font-size: 16px; color: rgb(51, 51, 51); display: block; }
.article-link p a span { font-weight: bold; }
.article-link { border-top: 1px dashed rgb(221, 221, 221); padding-top: 30px; }
.article-link p { margin-bottom: 20px; }
.list-box { background: url("../images/list-box.png") center bottom no-repeat; padding-bottom: 60px;}
.list-left-tt-phone { display: none; }
.img-lb li { padding: 0px 25px; margin-bottom: 50px; width: 50%; }
.img-lb { margin: 0px -25px; padding-top: 20px;     display: flex;
    flex-wrap: wrap;}
.img-lb-tt { font-size: 18px; color: rgb(51, 51, 51); margin-top: 20px;text-align:center; }
.img-lb-img { position: relative; padding-top: 67%; transition: 0.3s all; }
.img-lb-img div { position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; transition: 0.3s all; }
.img-lb li a { display: block; }
.img-ul-left a div { width: 260px; transition: 0.3s all; height: 175px; }
.img-ul-left a{ display: block; overflow:hidden; }
.img-ul-left a:hover div{ transform: scale(1.05,1.05); }
.img-ul-left{ position: absolute; left: 0; top: 35px; }
.img-ul-a li { padding: 35px 0px; padding-left: 290px; height: 246px; position: relative; border-bottom: 1px dashed rgb(221, 221, 221); transition: all 0.5s ease 0s; }

.img-ul-tt a { font-size: 18px; color: rgb(51, 51, 51); }
.img-ul-p { color: rgb(153, 153, 153); font-size: 14px; line-height: 25px; height: 75px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  margin-top: 15px; }
.img-ul-date { color: rgb(153, 153, 153); font-size: 14px; margin-top: 20px; background: url("../images/icon-date.png") left center no-repeat; padding-left: 20px; }
.img-ul-a li:hover { background: rgb(255, 255, 255); }
.img-ul-a li:last-child { border: none; }
.img-ul-a { padding-bottom: 30px; }
.wz-ul-date { width: 80px; height: 80px; background: rgb(246, 246, 246); padding-left: 15px; padding-top: 12px; line-height: 25px; }
.wz-ul-date span { font-weight: bold; font-size: 18px; }
.wz-ul li { padding: 20px 0px; border-bottom: 1px dashed rgb(221, 221, 221); }
.wz-ul-right { margin-left: 105px; padding-top: 15px; }
.wz-ul-tt{font-size: 18px;}
.wz-ul-tt a { font-size: 18px; color: rgb(51, 51, 51); font-weight: bold; /*display: block; */}
.wz-ul-p { margin-top: 10px; color: rgb(153, 153, 153); font-size: 16px; }
.wz-ul { margin-bottom: 30px; font-size: 14px; }
.wz-ul li:hover .wz-ul-date { background: #9b2034; color: rgb(255, 255, 255); }
.wz-ul li:hover .wz-ul-tt a { color: rgb(187, 1, 14); }
.table-bordered { border: none; }
.table-bordered > thead > tr > th { background: rgb(233, 244, 255); font-size: 22px; color: rgb(51, 51, 51); font-weight: normal; padding: 20px 20px 20px 120px; border: none; }
.table-bordered > tbody > tr > td { font-size: 20px; color: rgb(51, 51, 51); padding: 20px 20px 20px 120px; border-color: rgb(243, 243, 243); background: rgb(255, 255, 255); }
.table-box { margin: 50px 40px; }
.ld-img a div {transition: 0.3s all; width: 260px; height: 380px; }
.ld-img a:hover div{ transform: scale(1.05,1.05); }
.ld-right { margin-left: 290px; padding-top: 15px; }
.ld-name a { font-size: 22px; color: rgb(51, 51, 51); font-weight: bold; }
.ld-txt { color: rgb(153, 153, 153); line-height: 25px; margin-top: 15px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; max-height: 100px; }
.ld-ul li { border-bottom: 1px dashed rgb(221, 221, 221); font-size: 14px; padding: 40px 0px; }
.ld-ul { padding-bottom: 30px; }
.jg-title { font-size: 30px; padding-bottom: 20px; margin-top: 40px; border-bottom: 1px solid rgb(221, 221, 221); }
.jg-title span { float: left; width: 50px; }
.jg-ul li { float: left; padding: 0px 10px 0px 0px; height: 60px; width: 50%; }
.jg-ul li a { display: block; padding-left: 32px; background: url("../images/icon-jg05.png") left center no-repeat; font-size: 16px; color: rgb(51, 51, 51); margin-top: -13px; }
.jg-ul { margin-top: 40px; margin-bottom: -20px; }
.jg-ul li a:hover { background: url("../images/icon-jg06.png") left center no-repeat; color: #0e4fe1;); }
.img-ul-tt a:hover, .nav-b a:hover, .ld-name a:hover, a:hover .img-lb-tt,.title-tow a:hover,.tabs-more:hover,a:hover .wz-ul-tt { color:#9b2034; }

.banner-list img{ width: 100%; }
.article-link p a:hover{ color:#9b2034; }
.news-slick a:hover .news-slick-img div{ transform: scale(1.05,1.05); }
.news-slick a{ overflow:hidden; }
.left-slick-img,.mt-list li a .mt-img{ transition: 0.3s all; }
a:hover .left-slick-img,.mt-list li a:hover .mt-img{ transform: scale(1.05,1.05); }

.tz-ul li a:hover p,.cz-list li a:hover p,a:hover .news-slick-p,.link-ul li a:hover{     color: #285094; }
.one-right-ul li a:hover{ border-bottom:solid 1px  #9b2034;  }

/**********2025-9-4ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾***/
.pt-news{ height:496px; position: relative; width: 1500px; }
.pt-news li{ position: absolute; }
.pt-news li:nth-of-type(1){ left: 0; top: 50%; transform: translate(0,-50%); }
.pt-news li:nth-of-type(2){ left:205px; top: 0; }
.pt-news li:nth-of-type(3){ left:205px; bottom: 0; }
.pt-news li:nth-of-type(4){ left: 410px; top: 50%; transform: translate(0,-50%); }
.pt-news li:nth-of-type(5){ left:615px; top: 0; }
.pt-news li:nth-of-type(6){ left:615px; bottom: 0; }
.pt-news li:nth-of-type(7){ left: 820px; top: 50%; transform: translate(0,-50%); }
.pt-news li:nth-of-type(8){ left:1025px; top: 0; }
.pt-news li:nth-of-type(9){ left:1025px; bottom: 0; }
.pt-news li:nth-of-type(10){ right: 0; top: 50%; transform: translate(0,-50%); }
.pt-news li a{ transition: 0.3s all; display: inline-block; }
.pt-news li a:hover{ transform: scale(1.05,1.05); }
@media( max-width: 1579px){
    .header .container{ width: 90%; }
    .container { width: 1230px; }
    .nav-list li{ margin-left: 15px; }
    .one-left{ width: 60%; }
    .one-right{ width: 35%; }
    .tabs-ul:before{ left: -200px; }
    .right-width{ width: 950px; padding-top: 20px;}
    .pt-news{ transform: scale(0.8,0.8); margin-left: -150px; }
    .page-tow{ padding-bottom: 30px; }
}

@media( max-width: 1460px){
    .header .container{ width: 100%; }
}
@media( max-width: 1360px){
	.banner .slick-dots { bottom: 15px; }
	.banner .slick-dots li, .banner .slick-dots li button { width: 25px; height: 25px; }
	.banner .slick-dots li.slick-active button{ background-size: auto 100%; }
} 
@media( max-width: 1320px){
    .logo { width: 30%; }
    .header .pull-right { width: 65%; }
}

@media( max-width: 1279px){
  .container { width: 970px; }
  .logo img{ width: 400px; }
  .nav-list li a{ font-size: 16px; }
  .tabs-ul{ width: 100%; }
  .tabs-ul li,.tabs-ul li:nth-of-type(2){ float: left; width: 33.333333%; margin:0; }
  .tabs-width{ width: 100%; }
  .tabs-ul li a{ line-height: 1; font-size: 24px; padding:120px 0 0 0; text-align: center; }
  .tabs-ul li a:before,.tabs-ul li.active a:before{ left: 0; right: 0; width: 100%; height: 100px; background-size: auto 100px; }
  .tabs-ul li a i,.tabs-ul li.active a i{ line-height: 100px; right: 0; width: 100%; }
    .tabs-ul li.active a i img{ width: 46px; }
    .tabs-ul li.active a{ padding-left: 0; }
    .tabs-ul li.active a:after{ display: none; }
    .tabs-ul:before{ display: none; }
    .tabs-ul{ margin-bottom: 30px; }
    .logo-b{ width: 300px; margin-left: -150px; }
    .footer-p p span{ padding-right: 10px; }
    .footer{ padding-top: 105px; height: auto; }
    .fix-ul li a span{ margin-bottom: 5px; }
    .fix-ul li a{ font-size: 14px; }
    .one-left{ width: 100%; }
    .one-right{ width: 100%; padding-top: 30px; }
    .tabs-more{ top: -242px; }


  .right-width{ width: 700px; }
  .xb-list li{ width: 33.333333%; }
    .pt-news{ transform: scale(0.62,0.62); margin-left: -280px; margin-top: -50px; }
    .page-tow{ padding-bottom: 0px; }
  }
@media( max-width: 991px){
  body{ padding-top: 50px; }
  .container{ width: 750px; }
  .fix-ul{ display: none; }
  .header{ height: 50px!important; border:none; background: #fff;}
    .header-top{ padding-top: 0; }
    .hy-list-bottom{ padding:20px; height: auto; }
    .dh-list li{ width: 33.333333%; margin-bottom: 30px; }
    .footer{ background: url(../images/footer02.png) center no-repeat; background-size: cover; padding-top: 20px; }
    .logo-b{ position: static; margin:0 0 30px 0; width: 100%; text-align: center; }


  .header .container{ width: 100%; }
  .nav-list{ position: fixed; display: none; left: 0; top: 50px; right: 0; bottom: 0; background: #9b2034; border-top: solid 1px #eee; overflow-y: auto; margin:0; }
  .nav-list li{ float: none; width: 100%; }
  .nav-list li:before{ display: none; }
  .nav-list li a{ text-align: left; padding:0 15px; color: #fff; }
  .nav-list li{ float: none; padding:0; display: block; margin:0!important;}
  .nav-list li a{ line-height: 40px; padding:0 15px; display: block; text-align: left; font-size: 16px; background: none!important; color: #fff!important; }

  .search-a{ line-height: 50px; }
  .menu-button,.nav-click{ display: block; }
  .nav-click {display: block;transition: 0.3s all;z-index: 10000;position: absolute;color: #fff;right: 0;top: 0px;width: 40px;height: 40px;text-align: center;line-height: 40px;}
  .nav-click.active{ transform: rotate(180deg); }
  .nav-down { position: static; background: none; transform: translate(0,0); margin: 0px; padding: 0px; width: 100%; background: none; }
  .nav-down li { text-align: left; padding: 0px; background: none; }
  .nav-down li a { padding: 0px 15px 0px 25px; background: none!important; font-size: 14px; line-height: 30px; text-align: left; }
  .nav-list li:hover .nav-down { display: none; }
  .nav-down{ margin-left: 0!important; }
  .logo{ width: auto; line-height: 50px; padding:0; }
  .logo img{ height: 30px; width: auto; }
  .header-top a{ margin-left: 15px; }
  .header-top{ padding-right: 50px; }
    .header-top a.home,.header-top a.eng{ display: none; }
    .search-a{ position: absolute; right: 50px; top: 0; }
    .banner .slick-dots{ bottom: 10px; }
    .one-right-ul li:last-child a,.tabs-width-ul li:last-child{ margin-bottom: 0; }
    .title a,.tabs-more{ font-size: 14px; background-size: 20px auto; padding-right: 25px; }







  .right-width{ width: 480px; }
  .xb-list li{ width: 50%; }


  .ld-img{ width: 260px; float: none!important; margin:0 auto; }
  .ld-right{ margin-left: 0; }
  .img-ul-left{ position: static; float: none!important; width: 260px; margin:0 auto 15px auto; }
  .img-ul-a li{ padding:20px; height: auto; }

  .pt-news{ width: 100%; height: auto; margin:0; transform: scale(1,1); }
  .pt-news li{ float: left; position: static; width: 25%; text-align: center; transform: translate(0,0)!important; }
} 
@media( max-width: 767px){
  .container{ width: 100%; }
 .page-one,.page-tow,.page-three{ padding:30px 0; }
    .title img{ height: 30px; }
    .title{ padding-left: 15px; margin-bottom: 20px;}
    .title a{ line-height: 30px; }
    .one-slick,.one-ul{ width: 100%; }
    .one-slick-img{ height: auto; padding-top: 66.666666%;}
    .one-slick-bottom{ height: auto; padding:20px 0 0 20px; }
    .tabs-ul li a{ font-size: 18px; }
    .tabs-ul li a:before, .tabs-ul li.active a:before{ height: 80px; background-size: auto 80px; }
    .tabs-ul li a i img,.tabs-ul li.active a i img{ width: 30px; }
    .tabs-ul li a i, .tabs-ul li.active a i{ line-height: 80px; }
    .tabs-ul li a{ padding-top: 90px; }
    .tabs-width-ul li{ width: 100%; margin-bottom: 15px; }
    .tabs-img{ height: auto; padding-top: 63.8%; }
    .tabs-mask{ padding-left: 30px; }
    .hy-list li{ width: 100%; margin-bottom: 15px; }
    .hy-list{ padding-bottom: 15px; }
    .dh-list li{ margin-bottom: 15px; }
    .dh-list-top{ width: 80px; height: 80px; margin-bottom: 10px; line-height: 78px; }
    .dh-list-top img{ transform: scale(0.5,0.5); }
    .dh-list li a{ font-size: 16px; }
    .footer{ margin-top: 0; }
    .logo-b img{ width: 250px; }
    .footer-left{ width: 100%; float: none!important; }
    .footer-left p{ font-size: 14px; margin-bottom: 10px; text-align: center; }
    .dropdown{ margin:10px auto 0 auto; }
    .footer-right{ width: 100%; margin-top: 15px; }
    .footer-right .pull-left{ float: none!important; margin:0 10px; display: inline-block; font-size: 14px; }
    .footer-top{ padding-bottom: 20px; }
    .logo-b{ margin-bottom: 15px; }
    .footer-bottom{ font-size: 14px; }
.tabs-mask{ font-size: 18px; }
.tabs-more{ top: -198px; }
.one-ul li:last-child a{ margin-bottom: 0; }


.list-left{ width: 100%; padding-bottom: 0; }
.list-back{ padding:20px; }
.list-left-tt{ font-size: 24px; line-height: 50px; }
.right-width{ width: 100%; min-height:300px;}
.nav-b { display: none; }
.xb-list li a{ font-size: 15px; padding-left:15px; }
.xb-list li{ padding:0 5px; margin-bottom: 10px; }
.xb-list{ padding:15px 10px 5px 10px; }
.xb-box-tt{ font-size: 18px; line-height: 60px; margin-right: 15px; height: 60px; }
.xb-box{ margin-bottom: 20px; }
.right-width-tt{ font-size: 24px; margin-bottom: 20px; }
.right-width-tt:before{ height: 24px; }

.bq{ line-height: 25px; }
.list-left-nav li a{ line-height: 45px; }
.footer-p span{ display: block; padding:0; }
.right-width-tt{ display: none; }
.list-left-tt{ text-align: left; padding-left: 15px; display: none; }
.list-left-nav{ display: none; }
.list-left-tt-phone{ display: block; position: relative; }
 .list-left-tt-phone .nav-click-a {display: block;transition: 0.3s all;z-index: 10000;position: absolute;color: #fff;right: 0;top: 0px;width: 40px;height: 40px;text-align: center;line-height: 40px; z-index: 1;}
  .nav-click-a.active{ transform: rotate(180deg); }
.article-tt{ margin-top: 0; }

  .article-tt { font-size: 18px; }
  .article-sm span { font-size: 14px; line-height: 25px; }
  .article-p p {font-size: 14px !important;line-height: 25px !important;margin-bottom: 10px;}
  .article-p { margin-top: 20px; }
  .article-link p a { font-size: 14px; }
  .article-link p { margin-bottom: 10px; }
  .article-link { padding: 20px 0px; }

  .list-left-tt-phone { display: block; position: relative; }
  .list-left-tt-phone .nav-click { height: 60px; line-height: 60px; color: rgb(255, 255, 255); }
  .left-nav li a { line-height: 40px; font-size: 16px; }
  .img-lb-tt { font-size: 14px; margin-top: 10px; }
  .img-lb li {padding: 0px 8px;margin-bottom: 15px;width: 100%;height: auto !important;}
  .img-lb { margin: 0px -8px; padding-bottom: 15px; }
  .list-box { padding-bottom: 30px; }
  .img-ul-left img { width: 130px; height: 80px; }

  .img-ul-p { height: 50px; margin-top: 5px; }
  .img-ul-date { display: none; }
  .img-ul-a li { padding: 15px 0px; }
  .img-ul-a li{ padding: 15px; }
  .img-ul-tt a { font-size: 16px; }
  .table-bordered > thead > tr > th, .table-bordered > tbody > tr > td { font-size: 14px; padding: 8px 15px; }
  .table-box { margin: 20px 0px; }
  .jg-title { margin-top: 20px; padding-bottom: 10px; font-size: 24px; }
  .ld-img { text-align: center; float: none !important; }
  .ld-right { margin: 20px 0px 0px; }
  .gd-slick { margin-top: 20px; }
  .close img{ width: 40px; }
  .layer .close{ right: 15px; top: 15px; }
  
    .banner .slick-dots { bottom: 13px; }
    .banner .slick-dots li, .banner .slick-dots li button { width: 18px; height: 18px; }
    .pt-news li{ width: 33.333333%; }
}
@media( max-width: 600px){
    .banner .slick-dots { bottom: 5px; }
    .banner .slick-dots li, .banner .slick-dots li button { width: 8px; height: 8px; }
.layer.showdiv .search_box{    max-width: 450px;}
}

@media( max-width: 500px){
.s-s .s-s1{display:none;}
.s-s .s-s2{display:block;}
.layer.showdiv .search_box{    max-width: 320px;}
}

@media( max-width: 300px){
    .banner .slick-dots { bottom: 5px; }
    .banner .slick-dots li, .banner .slick-dots li button { width: 5px; height: 5px; }
}
