@charset "utf-8";

/*@font-face{ font-family: "Sinhala MN"; src:url(../fonts/SinhalaMN.ttc);}*/

/* @font-face {
    font-family: "思源黑体 Medium";font-weight: 500;src: url("yiyuanheitiMedium.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源黑体 Bold";font-weight: 500;src: url("yiyuanheitiBold.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源宋体 SemiBold";font-weight: 600;src: url("siyuanSemiBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 Bold";font-weight: 600;src: url("siyuanBold.woff") format("woff");
    font-display: swap;
} */

/*==========================================公共 开始=============================================*/

.pc_header_box{height: calc(110px + .66rem);width: 100%;background: #a82015;}
.pc_header{/*! height: 1.2rem; */position: absolute;left: 0;right: 0;z-index: 100;transition: .5s;width: 100%;background: #a82015;box-shadow: 0 .1rem .3rem rgba(0,0,0,.2);}
.pc_header>.wp{ height: 110px;}
.pc_header .wp{align-items: center;justify-content: space-between;width: 15.6rem;}
.pc_header .logo{width: 5.19rem;transition: .5s;/*! max-width: 30%; */}
.pc_header .logo img{max-width: 100%;}
.pc_header .right{max-width: calc(100% - 30% - .96rem);padding: 0;}
.pc_header .right .top{ display: flex;align-items: center;height: 100%;justify-content: flex-end;}

.fixed .pc_header .pc_nav{ /*! height: 1rem */position: fixed;top: 0;left: 0;right: 0;}

.pc_nav{padding: 0;background: #951106;}
#nav ul{z-index:0;margin-left: 0;position: relative;line-height: .66rem;transition: .2s;justify-content: space-around;}
#nav ul li{z-index:0;margin-left: 0;position: relative;line-height: .66rem;transition: .2s;}
#nav ul li i{ display: none}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li .h3{font-size: .18rem;color: #fff;position:relative;}
#nav ul li .h3:after{content:"";position:absolute;left: 50%;bottom: .44rem;transition:.6s;width: .35rem;height: .38rem;background: url(../images/hua.png) center no-repeat;opacity:0;visibility:hidden;transform: translateY(.2rem);margin-left: -.175rem;}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{opacity: 1;visibility:visible; transform: translateY(0);}
#nav ul li .sub{position:absolute;opacity: 0;visibility: hidden;top:100%;min-width: 100%;left: 50%;z-index: 10000;padding: 10px;background: #fff;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.1);line-height: 20px;letter-spacing: -.02em;white-space: nowrap;text-align: center;border-radius: 4px;transform-origin: top;transform: translateX(-50%) scaleY(0);-webkit-transform: translateX(-50%) scaleY(0);-moz-transform: translateX(-50%) scaleY(0);-ms-transform: translateX(-50%) scaleY(0);-o-transform: translateX(-50%) scaleY(0);-webkit-border-radius: 0;transition: .5s;}
#nav ul li .sub .box{ text-align: center; }
#nav ul li .sub a{padding: 0 10px;line-height: 3;color: #333;font-size: .14rem;white-space: nowrap;transition: .5s;display: block;}
#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}
#nav ul li .sub a:hover{background: #a82015;color: #fff;}
#nav ul li:hover .sub{ opacity: 1; visibility: visible;transform: translateX(-50%) scaleY(1);-webkit-transform: translateX(-50%) scaleY(1);-moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1);-o-transform: translateX(-50%) scaleY(1);}

/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header{padding: 0 0 0 15px;height: .75rem;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background: #990000;}
.m_header_box header #logo img{height: .3rem;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box1{margin-right: .4rem;}
.m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 10px;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .85rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;vertical-align: middle;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 65px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;background: #a82015;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #fba33e url(../images/submit.svg) center no-repeat; background-size: 1.75rem;}
#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}
#m_nav .list1{justify-content: center;}

.list_box_nav_mobile{max-width: 90%;margin: 0 auto;margin-bottom: .3rem;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{position:relative;/* display: flex; *//* flex-wrap: wrap; */}
.list_box_nav_mobile>li .h3{width: 100%;border-bottom: 1px solid rgba(255,255,255,.06);line-height: .64rem;color: #fff;padding: 0;font-size: .2rem;display: flex;position: relative;transition: .5s;/* text-align: center; *//* justify-content: center; */}
.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .box{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .sub{position: relative;top: 0;left: 0;right: 0;}
.list_box_nav_mobile>li i{content:"";opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 16px !important;position: absolute;display: block;right: -.2rem;top: 0;cursor: pointer;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.list_box_nav_mobile>li .sub a{display:block;font-size:13px;color: rgba(255,255,255,.5);line-height: 2.5;min-width: 33.33%;/* text-align: center; */}
.nav_mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}


.index-search{width: 2.96rem;height: .37rem;position: relative;background: rgba(255,255,255,.33);border-radius: 50vw;}
.index-search .form .input {position: absolute;z-index: 1;left: 0;right: 0;top: 0;bottom: auto;}
.index-search .form .input input {width: 100%;height: .37rem;font-size: .14rem;color: #ffffff;padding: 0 .5rem 0 .15rem;}
input::-webkit-input-placeholder{color:#fff }
input::-moz-placeholder{color:#fff }
input:-moz-placeholder{color:#fff }
.index-search .form .submit {z-index: 2;position: absolute;top: 0;right: .04rem;bottom: 0;width: 0.5rem;background: url("../images/search24.svg") center no-repeat;background-size: .24rem;}
.index-search .form .submit input {width: 100%;height: 100%;cursor: pointer;}

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;display: block;/* height: 60px; */}
.wap_search form{height: 44px;position:relative;width: 100%;margin: 20px auto;display: block;border-radius: 50vw;display: block !important;}
.wap_search .input{font-size: 14px;color: #646464;height: 44px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 66px);border: #fba33e 1px solid;border-radius: 50vw 0 0 50vw;background: #fff;}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 66px;height: 44px;line-height: 44px;border:0;background: url(../images/submit.svg) center no-repeat #990000;background-size: .3rem;border-radius: 0 50vw 50vw 0;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

.list1{display: flex;align-items: center;}
.list1 li{margin: 0 0 0 .2rem;}
.list1 li .a{display: flex;font-size: .16rem;color: #fff;align-items: center;text-transform: uppercase;}
.list1 li .a .ico{width: .4rem;height: .4rem;border: #fff 1px solid;line-height: .4rem;text-align: center;border-radius: 50vw;transition: .5s;position: relative;z-index: 1;}
.list1 li .a .ico:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50vw;transform: scale(0);background: #c60c03;z-index: -1;transition: .5s;}
.list1 li .a .ico img{width: .18rem;height: .18rem;margin: -3px 0 0;}
.list1 li .a span{ margin: 0 .12rem 0 0; display: inline-block}
.search_btn{display: flex;align-items: center;margin-left: .1rem;cursor: pointer;}
.search_btn svg{ fill: #fba33e; width: .24rem; height: .24rem}

.list1 li .a:hover .ico:before{ transform: scale(1.2)}

.search-dialog-box{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 1000000;opacity: 0;visibility: hidden;transition: .6s;}.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #a82015 url(../images/hua1.png) 98% bottom no-repeat;transition: .5s;left: 0;right: 0;z-index: 1;opacity: .8;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}.search-dialog-box.on:before{height:100%}.search-dialog-box .bubbles-bg{opacity: 0;visibility: hidden;display: none;}.search-dialog-box .search-bg{position: absolute;left: 0;top: 0;width: 100%;height: 0;margin: 0;background: rgba(0,0,0,.7);background-size: cover;background-repeat: no-repeat;transform-origin: center center;transition: height .8s cubic-bezier(.77,0,.175,1);}.search-dialog-box .wrap-inner{transform:translateY(100%);transition: .6s;}.search-dialog{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;z-index: 2;}.search-dialog .search-tit{font-size: 2.75rem;line-height: 3.5rem;color: #fff;text-align: center;overflow: hidden;display: none;}.search-dialog .search-inner{overflow: hidden;margin-top: 0;}.search-dialog .search-input{width: 8rem;margin: 0 auto;padding: 0;box-sizing: border-box;transition: all .3s;max-width: 94%;border-radius: .06rem;overflow: hidden;}.search-dialog .search-input input[type=text]{float: left;height: .6rem;width: calc(100% - .64rem);background-color: transparent;font-size: .2rem;line-height: .08rem;color: #333;transition: all .3s;background-color: #fff;border-radius: .06rem 0 0 .06rem;padding: 0 0 0 .24rem;}.search-dialog .search-input input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,0.5);}.search-dialog .search-input input[type=text]:-moz-placeholder{color:rgba(255,255,255,0.5);}.search-dialog .search-input input[type=text]::-moz-placeholder{color:rgba(255,255,255,0.5);}.search-dialog .search-input input[type=text]:-ms-input-placeholder {color:rgba(255,255,255,0.5);}.search-dialog .search-input input[type=submit], .search-dialog .search-input .clear-btn{float: right;height: .6rem;width: .64rem;}.search-dialog .search-input input[type=submit]{background-color: transparent;background-repeat: no-repeat;background-position: center;background: #ecbb44 url(../images/search-btn.svg) center no-repeat;background-size: .3rem;}.search-dialog .search-input .clear-btn{background-color: rgba(0,0,0,.2);background-repeat: no-repeat;background-position: center;background-image: url('../images/close-btn.svg');background-size: 3.5rem;border-radius: 100%;margin-right: 1rem;display: none;}.search-dialog .search-input.on{background-color: #fff;}.search-dialog .search-input.on input[type=submit]{}.search-dialog .hot-search{font-size: 0;width:19.5rem;margin:.6rem auto 0;box-sizing: border-box;padding:0 .6rem;overflow: hidden;}.search-dialog .hot-search .hot-tit, .search-dialog .hot-search .hot-link{display: inline-block;*display: inline;zoom:1;vertical-align: top;}.search-dialog .hot-search .hot-tit{font-size: .375rem;line-height: .5rem;color: #fff;font-weight: bold;padding-left: .6rem;background-repeat: no-repeat;background-position: left center;background-size: .5rem;background-image:;}.search-dialog .hot-link{margin-left: 1rem;}.search-dialog .hot-link a{display: inline-block;*display: inline;zoom:1;font-size: .375rem;line-height: .5rem;margin-right: .75rem;color:#fff;padding-bottom: 5px;position: relative;}.search-dialog .hot-link a:before{content: "";position: absolute;left:0%;bottom:0;width:100%;height: 2px;background-color: #fff;transform:scaleX(0);transform-origin:left center;transition:transform .3s;}.search-dialog-box .bottom-box{position: absolute;left: 0;bottom:5.1%;width:100%;}.search-dialog-box .bottom-box .share-box{overflow: hidden;}.search-dialog-box .bottom-box .copy{font-size: .35rem;line-height:.5rem;color: #fff;font-family: "gilroy-regular";margin-top: .5rem;overflow: hidden;}.header-right.is-open .bubbles-bg{visibility: visible;opacity: 1;}.header-right.is-open .search-btn .con-box{display:none;}.header-right.is-open .close-btn{display:block;}.header-right.is-open .item .search-bg{transform:scale(1);}.search-dialog-box.on{opacity: 1;visibility: visible;}.search-dialog-box.on .search-bg{height: 100vh;}.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}.search-dialog-box.on .wrap-inner{transform:translateY(0)}.f-cb h3{font-size: .3rem;color: #fff;text-align: center;margin-bottom: .3rem}.pub-close {position: absolute;width: .48rem;height: .48rem;z-index: 10;right: .24rem;top: .24rem;background-color: rgba(255,255,255,.1);border-radius: 100%;}.pub-close .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #1c5ab7;transform: scale(0);border-radius: 100%;transition: transform .3s;}.pub-close i {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: center;background-size: .12rem;background-repeat: no-repeat;background-image: url(../images/close-btn.svg);transition:.6s;}.pub-close i:hover{transform:rotate(180deg)}@keyframes spin{to{transform: rotate(1turn);}}@keyframes spin2{to{transform: rotate(-1turn);}}@keyframes spin-reverse{from{transform:rotate(1turn);}}@keyframes spin-reverse2{from{transform:rotate(-1turn);}}

.wap_search .wail img{ width: 50vw; margin-top: .2rem}

/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.banner{padding: 0px;position: relative;z-index: 1;overflow: hidden;width: 100%;}
.banner ul li{overflow: hidden;}
.banner ul li .img {overflow: hidden;width: 100%;}
.banner ul li .img .imgLi {padding-bottom: calc(100vh - .66rem - 110px);transition: 0s;}
.banner ul li .img video { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.banner .dots {position: absolute;display: flex;margin: 0px;left: 0;bottom: .36rem;z-index: 10;justify-content: center;}
.banner .dots span {background: url(../images/dots1.png) center no-repeat;width: .54rem;height: .31rem;transition: .5s;border-radius: 50vw;margin: 0 .1rem !important;opacity: .6;background-size: cover;}
.banner .dots span.active {opacity: 1;}

.tit1{margin-bottom: .45rem;}
.tit1 .ll{position: relative;z-index: 1;display: inline-block;}
.tit1 .ll:before{content:"";position: absolute;left: .38rem;top: 0;background: url(../images/favicon11.png) center no-repeat;width: .76rem;height: .89rem;background-size: cover;transform-origin: left bottom;z-index: -1;}
.tit1 h6{font-size: .32rem;color: #a71f14;font-family: "Sinhala MN";text-transform: capitalize;position: relative;padding: 0 0 0 .4rem;}
.tit1 h6:before{ content: ""; position: absolute; width: .3rem; height: 2px; background: #a71f14; left: 0; top: 50%; margin-top: -1px}
.tit1 h3{font-size: .36rem;color: #901111;font-weight: 600;margin: .04rem 0 0;text-align: center;}

[data-aos=yz] .tit1::before{ transform: translate(-.5rem, .5rem); transition: 1s; opacity: 0;}
[data-aos=yz].aos-animate .tit1::before{ transform: translate(0, 0); opacity: 1; transition-delay: .5s;}

.home1{ padding: .7rem 0; overflow: hidden; background: url(../images/home1.jpg) center bottom no-repeat;}
.home1 .wp{}
.home1 .left{ width: 50%;}
.home1 .right{width: 50%;padding: .5rem 0 0 3.8%;}

.home1 .left .tit1 .more1{ display: none}
.home1 .tit1{ display: flex}

.list4{ margin: 0 -2.5%;}
.list4 li{ width: 50%; padding: 0 2.5%;}
.list4 li .img .imgLi{ padding-bottom: 62.16%;}
.list4 li h4{font-size: .2rem;color: #000000;line-height: .3rem;max-height: .6rem\0;transition: .5s;font-weight: 600;margin-top: .12rem;}
.list4 li p{font-size: .16rem;color: #666666;line-height: .28rem;max-height: .56rem\0;margin: .08rem 0 .2rem;}
.list4 li h6{font-size: .24rem;font-family: "Sinhala MN";font-style: italic;font-weight: bold;}

.more1{ margin: .64rem 0 0;}
.more1 .a1{align-items: center;font-size: .2rem;color: #000000;font-weight: 600;transition: .5s;flex-wrap: nowrap;white-space: nowrap;}
.more1 .a1 img{height: .24rem;margin: 0 0 0 .1rem;transition: .5s;}

.aline_r{position:relative;background-image:linear-gradient(#a71f14,#a71f14);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_r{background-size:100% 1px;}
.aline_r:hover{background-size:100% 1px}

.list5 li .img .imgLi{ padding-bottom: 62.16%;}
.list5 li{border-bottom: #d5d5d5 1px dashed;padding: .22rem 0;}
.list5 li h4{font-size: .2rem;color: #000000;line-height: .3rem;max-height: .6rem\0;transition: .5s;font-weight: 600; flex: 1}
.list5 li h6{font-size: .2rem;font-family: "Sinhala MN";font-style: italic;font-weight: bold;margin: 0 0 0 .2rem;}
.list5 li p{font-size: .16rem;color: #666666;line-height: .28rem;max-height: .56rem\0;margin: .08rem 0 0;}
.list5 li.swiper-slide-active .txt{ opacity: 1; transform: translateY(0);}
.list5Box .dots{ bottom: 0; margin: .4rem 0 0}
.list5Box .dots span{width: .3rem;height: 2px;background: #cccccc;opacity: 1; position: relative; overflow: hidden;}
.list5Box .dots span:after{content: "";position: absolute;width: 100%;height: .03rem;background: #a71f14;transform: translateX(-100%);transition: .5s;}
.list5Box .dots span.active:after{ animation: line1 7s}
@keyframes line1 {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
}

.home2{ padding: 1.8rem 0; overflow: hidden; position: relative; z-index: 1;}
.home2 .wp{ align-items: center;}
.home2 .bg0{position: absolute;top: 0;bottom: 0;width: 50%;z-index: -1;}
.home2 .bg1{left: 0;background: url(../images/home2-1.jpg) right top no-repeat;background-size: cover;transform-origin: right bottom;}
.home2 .bg2{right: 0;background: url(../images/home2-2.jpg) left top no-repeat;background-size: cover;transform-origin: left bottom;}
.home2 .bg0s{position: absolute;z-index: -1;}
.home2 .bg3{left: 0;top: 50%;transform: translate(0, -50%);}
.home2 .bg4{right: 0;top: 78%;transform: translate(0, -50%);}
.home2 .wp{ justify-content: space-between; align-items: center;}
.home2 .right{ width: 70%;}
.list6{ margin: 0 -1.75%; margin-bottom: -.4rem;}
.list6 li{ width: 50%; padding: 0 1.75%; margin-bottom: .4rem;}
.list6 li .a{background: rgba(255,255,255,.8);padding: 0 .28rem 0 .18rem;height: 1.3rem;align-items: center;position: relative;transition: .5s;}
.list6 li .a:after{content: "";position: absolute;width: 0;height: 2px;transition: .5s;top: 0;left: 0;}
.list6 li .time{width: .94rem;height: .7rem;text-align: center;position: relative;z-index: 1;background: url(../images/list6.png) center .08rem no-repeat;background-size: 100% auto;color: #c60c03;border-right: #ebebeb 1px solid;}
.list6 li .time:after{content: "";position: absolute;width: 1px;height: 0;transition: .5s;top: 0;right: -1px;}
.list6 li .time h3{font-size: .5rem;/*! font-family: "Sinhala MN"; */font-weight: bold;line-height: .5rem;}
.list6 li .time h6{font-size: .16rem;/*! font-family: "Sinhala MN"; */font-weight: bold;}
.list6 li .txt{flex: 1;overflow: hidden;padding: 0 0 0 .2rem;}
.list6 li h4{font-size: .2rem;color: #000000;line-height: .3rem;max-height: .6rem\0;transition: .5s;font-weight: 600;}

.home3{padding: 0 0 .6rem;background: url(../images/home3.jpg) center no-repeat;background-size: cover;position: relative;z-index: 1;}
.home3 .wp{ align-items: center; justify-content: space-between;}
.home3 .right{width: 80%;position: relative;top: -.6rem;}

.miso_tab10 .hd ul{ display: flex;position: relative;z-index: 1;padding-bottom: 1.5rem;}
.miso_tab10 .hd ul li:first-child{ margin-right: .3rem}
.miso_tab10 .hd ul .more1{ position: absolute; left: 0; bottom: 0;opacity: 0;visibility: hidden;}
.miso_tab10 .hd ul li{  opacity: .3;position: static; transition: .5s;cursor: pointer;}
.miso_tab10 .hd ul li.on{ opacity: 1}
.miso_tab10 .hd ul li.on .more1{ opacity: 1; visibility: visible}

.list7 li{ /*! transition: .5s; */}
.list7 li .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list7_t.png) center bottom no-repeat; background-size: 100% auto;}
.list7 li{padding: 1.5rem .2rem 0 0;}
.list7 li .a{display: block;padding: 0;position: relative;z-index: 1;transition: .5s;}
.list7 li .a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(255,255,255,.4) 1px solid;transition: .5s;}
.list7 li .img{ transform: translate(.2rem, -.2rem);}
.list7 li .img .imgLi{ padding-bottom: 109.53%;}
.list7 li .txt{padding: .15rem .4rem .3rem; position: relative; z-index: 1}
.list7 li .xh{font-size: 1.4rem;color: #fff;font-family: "Sinhala MN";font-style: italic;position: absolute;top: 0;left: .36rem;transform: translateY(-1.05rem);font-weight: bold; transition: .5s;}
.list7 li h4{font-size: .2rem;color: #000000;line-height: .3rem;max-height: .6rem\0;transition: .5s;font-weight: 600;}
.list7 li h6{font-size: .28rem;font-family: "Sinhala MN";font-style: italic;font-weight: bold;margin: .12rem 0 0; transition: .5s;}
.list7 li.swiper-slide-active+li .a{ transform: translateY(-1.3rem);}

.list7 li .line0{position: absolute;background: #a71f14; z-index: 1;}
.list7 li .line1{width: 0;height: 2px;right: 0;bottom: 0;}
.list7 li .line2{width: 2px;height: 0;bottom: 0;left: 0;}
.list7 li .line3{width: 0;height:2px;top: 0;left: 0;}
.list7 li .line4{width: 2px;height: 0;right: 0;top: 0;}

.home4{ background: url(../images/home4.jpg) center top no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; position: relative; z-index: 1;}
.home4 .bg1{background: #fff;position: absolute;left: 0;bottom: 0;right: 0;height: 1rem;z-index: -1;}
.home4 .bg2{position: absolute;top: 0;right: 0;max-width: 13%;}
.home4 .bg2 img{ max-width: 100%}
.home4 .tit1{display: flex;flex-direction: column;align-items: center;/* margin: .25rem; */}
.home4 .wp>.tit1{display: flex;flex-direction: column;align-items: center;margin: 0;padding: 1.1rem 0 .6rem;}
.home4 .wp>.tit1 h6, .home4 .wp>.tit1 h3{ color: #fff;}
.home4 .wp>.tit1 h6:before{ background: #fff}
.home4 .fl1{ justify-content: space-between;}
.home4 .left{width: 48%;position: relative;z-index: 1;}
.home4 .left .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: 0 .58rem;align-items: center;}
.home4 .wp .left .tit1{padding: 0;align-items: flex-start;}
.home4 .wp .left .tit1 .ll:before{ display: none}
.home4 .left .img{}
.home4 .left .img .imgLi{padding-bottom: 56%;}
.home4 .right{width: 56.25%;background: url(../images/home4-1.jpg) center bottom no-repeat;background-size: cover;border-radius: .2rem 0 0 0;padding: .35rem 1.5rem .9rem .5rem;}

.list8 li{ width: 33.33%; text-align: center; margin-bottom: .4rem;}
.list8 li .a{width: 2.5rem;max-width: 90%;margin: 0 auto;display: block;}
.list8 li h3{position: relative;z-index: 1;font-size: .9rem;font-family: "Sinhala MN";font-weight: bold;color: #ac2115;height: .9rem;}
.list8 li h3:before{ content: ""; position: absolute; }
.list8 li h4{font-size: .18rem !important;color: #000000;line-height: .26rem  !important;max-height: .52rem\0 !important;transition: .5s;font-weight: 600;}

.home5{background: url(../images/home5.jpg) center bottom no-repeat;background-size: cover;padding: .95rem 0 1.2rem;}

.list9Box .dots{bottom: 0;margin: 0;text-align: center; margin-top: .3rem}
.list9Box .dots span{width: .3rem;height: .03rem;background: #cccccc;opacity: 1;position: relative;overflow: hidden;}
.list9Box .dots span:after{content: "";position: absolute;width: 100%;height: .03rem;background: #a71f14;transform: translateX(-100%);transition: .5s;left: 0;}
.list9Box .dots span.active:after{ animation: line1 7s}

.list8Box .dots{bottom: 0;margin: 0;text-align: center;}
.list8Box .dots span{width: .3rem;height: .03rem;background: #cccccc;opacity: 1;position: relative;overflow: hidden;}
.list8Box .dots span:after{content: "";position: absolute;width: 100%;height: .03rem;background: #a71f14;transform: translateX(-100%);transition: .5s;left: 0;}
.list8Box .dots span.active:after{ animation: line1 7s}

.home5 .tit1{display: flex;flex-direction: column;align-items: center;}
.home5 .left{ width: 32.69%;}
.home5 .right{ width: calc(100% - 32.69%); padding: 0 0 0 2%;}
.list9 li .img .imgLi{ padding-bottom: 105.88%;}
.list9s{ margin: 0 -1.5%;}
.list9s li{ width: 50%; padding: 0 1.5%;}
.list9s li:first-child{ width: 100%; margin-bottom: 3%;}
.list9s li .img .imgLi{ padding-bottom: 50.50%;}
.list9s li:first-child .img .imgLi{ padding-bottom: 25.49%;}

footer{overflow: hidden;position: relative;z-index: 1;}
footer:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/footer.png) center no-repeat;background-size: cover;}
footer .fl1{background: #a72a20;}
footer .fl2{ background: #a72a20;}
footer .fl3{ background: #900b01; padding: .2rem 0; text-align: center;}

footer .fl1 .wp{padding-top: .52rem;padding-bottom: .52rem;align-items: center;justify-content: space-between;position: relative;z-index: 1;}
footer .fl1 .left{max-width: 35.33%;}
footer .fl1 .left img{max-width: 100%;width: 5.19rem;} 
footer .fl1 .right{padding: 0 0 0 .8rem;flex: 1;overflow: hidden;}
.list10{ margin: 0 -.1rem;}
.list10 li{width: 33.33%;padding: 0 .1rem;}
.list10 li a{display: flex;height: .8rem;border: rgba(255,255,255,.3) 1px dashed;align-items: center;justify-content: center;font-size: .16rem;color: #fff;line-height: 1.5;transition: .5s;white-space: nowrap;}
.list10 li a img{margin: 0 .15rem 0 0;width: .4rem;transition: .5s;}

footer .fl2 .fl2Li{border-top: rgba(255,255,255,.1) 1px dashed;justify-content: space-between;flex-wrap: nowrap;z-index: 1;position: relative;}
footer .fl2 .pb{ padding: .36rem 0 .5rem;}
footer .fl2 .line{ position: relative; z-index: 1; width: 1px; height: 100%; margin: 0 .64rem;}
footer .fl2 .line::before{ content: ""; position: absolute; top: 0; left: 0; width: 1px; height: 100vh; border-right: rgba(255,255,255,.1) 1px dashed;}
footer .fl2 .left{ min-width: 3.1rem}
footer .fl2 h3{ font-size: .24rem; color: #fff; display: flex; align-items: center; margin-bottom: .24rem}
footer .fl2 h3 img{margin: 0 .12rem 0 0;height: .23rem;}
footer .fl2 p{font-size: .16rem;color: #fff;line-height: .46rem;}
.list11 li{min-width: 25%;line-height: .46rem;font-size: .16rem;color: #fff;}
.list12{ text-align: center;}
.list12 li img{ width: 1.3rem;}
.list12 li h6{ font-size: .16rem; color: #fff; margin: .1rem 0 0; line-height: 1.5;}

footer .fl3 p{font-size: .18rem;color: #fff;line-height: 1.75;z-index: 1;position: relative;}

.n_pc_header_box{ height: 0}
.n_pc_header_box .pc_header{background: rgba(168,32,21, .95);}
.n_banner{ position: relative; z-index: 1;}
.n_banner .img .imgLi{ padding-bottom: 32.55%;}
.n_banner .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_banner .top .wp{height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;position: relative;text-align: right;padding: 0 .6rem 0 0;width: 12.8rem;}
.n_banner .top .mianbao{position: absolute;right: .6rem;bottom: .6rem;}
.n_banner .top .mianbao *{ font-size: .14rem; color: #666666; line-height: 1.5; font-style: normal}
.n_banner .top .mianbao span{ margin: 0 .06rem}
.n_banner h3{font-size: .54rem;color: #333333;margin: 14vh 0 0;}
.n_banner h3 span{text-transform: uppercase;min-width: .24rem;}
.n_banner h2{font-size: .42rem;color: #333333;margin: .12rem 0 0;}
.n_banner h2 span:nth-child(1), .n_banner h2 span:nth-child(2){ color: #a71f14}

[data-aos=wz].n_banner h3 span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);}
[data-aos=wz].aos-animate.n_banner h3 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}
[data-aos=wz].n_banner h2 span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);}
[data-aos=wz].aos-animate.n_banner h2 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px);}

.n_erji{padding: .2rem 0 0;border-bottom: #d3d3d3 1px solid;}
.n_erji .wp{ width: 12.8rem}
.n_erji ul{display: flex;height: 100%;}
.n_erji ul li{height: 100%;margin-right: .3rem;position: relative;z-index: 1;}
.n_erji ul li:last-child{margin-right: 0}
.n_erji ul li a{display: flex;height: 100%;align-items: center;font-size: .14rem;color: #999999;position: relative;z-index: 1;padding: 0;line-height: .48rem;}
.n_erji ul li a:before{content: "";position: absolute;left: 50%;height: .03rem;bottom: -1px;width: 0;transform: translateX(-50%);transition: .5s;}
.n_erji ul li.on> a, .n_erji ul li:hover>a{ color: #a71f14; font-weight: 600}
.n_erji ul li.on> a:before, .n_erji ul li:hover>a:before{width: 100%;background: #a71f14}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #990000;background-size: cover;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#m_n_nav h2{    margin-left: 0.56rem;    color: #fff;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;margin-bottom: 0px;min-width: 33.33%;text-align: center;}
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top; }
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #990000;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.n_container .wp{ width: 12.8rem;}

.n_pad1{padding: .94rem 0;overflow: hidden;}
.n_about .fl1-2{ position: relative; z-index: 1;}
.n_about .ar_article p{text-indent:2em}
.n_about .fl1-2 .bg0{position: absolute;transform: translate(-50%, -50%);/* z-index: -1; */pointer-events: none;}
.n_about .fl1-2 .bg0 img{ width: 100%}
.n_about .fl1-2 .bg1{left: 50%;top: 8%;max-width: 10%;}
.n_about .fl1-2 .bg2{left: 80%;top: 56%;max-width: 18%;}
.n_about .fl1 .wp{ align-items: center;}
.n_about .fl1 .left{ width: 50%; padding: 0 .2rem 0 0;}
.n_about .fl1 .right{ width: 50%; padding: 0 0 0 .5rem;}
.n_about .fl1 .right img{ width: 657px;}

.n_about .fl2{background: url(../images/n_about-bg2.jpg) center no-repeat;background-size: cover;}
.n_about .fl2 .wp{ justify-content: flex-end;}
.n_about .fl2 .left{ width: 7.1rem; max-width: 100%;}
.n_about .fl2-1{justify-content: space-between;align-items: center;flex-wrap: nowrap;margin: .3rem 0 0;}
.n_about .fl2-1 .list13:last-child{ flex: 1; overflow: hidden}
.n_about .fl2-1 .line{width: 1px;height: 1.28rem;border-right: #a71f14 2px dashed;opacity: .5;margin: 0 .3rem;}

.list13{flex-wrap: nowrap;transform: translateY(.15rem);}
.list13 li{text-align: center;flex: 1;overflow: hidden;}
.list13 li h3{position: relative;z-index: 1;font-size: 1rem;font-family: "Sinhala MN";font-weight: bold;color: #ac2115;height: 1rem;}
.list13 li h3::before{content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%) scale(.8);background: url(../images/list11_b1.png) center no-repeat;width: .92rem;height: .92rem;margin-top: .05rem;background-size: 100% 100% !important;}
.list13 li h3:before{ content: ""; position: absolute; transform: translate(-50%, -50%) scale(.8);}
.list13 li h6{font-size: .14rem;color: #000000;line-height: .22rem;height: .44rem;transition: .5s;}

.list13s li h3{font-size: 1.2rem;height: 1.1rem;}
.list13s li h3::before{ transform: translate(-50%, -50%) scale(1);}
.list13s li h6{font-size: .16rem;}

.n_about .fl3{background: url(../images/n_about-bg3.jpg) center no-repeat;background-size: cover;padding: 1.2rem 0;}
.n_about .fl3 .ar_article{width: 8.38rem;max-width: 100%;margin: 0;}
.n_about .fl3 .ar_article p{ color: #fff;}

.n_about .fl4{background: url(../images/n_about-bg4.jpg) center no-repeat;background-size: cover;padding: 1.5rem 0 4.2rem;}
.n_about .fl4 .ar_article p{ color: #3a3a3a}
.n_about .fl4 .wp{ justify-content: flex-end;}
.n_about .fl4 .left{ width: 5.66rem; max-width: 100%;}
.list13s1{ justify-content: space-between; margin-bottom: .3rem;}
.list13s1 li h3{font-size: 1.4rem;height: 1.2rem;}
.list13s1 li h3::before{transform: translate(-50%, -50%);background: url(../images/list11s1_b1.png) center no-repeat;width: 1.17rem;height: 1.17rem;margin-top: -.15rem;}

.tit1_c{display: flex;flex-direction: column;align-items: center;}

.n_jg{ background: url(../images/n_jg_b1.jpg) center bottom no-repeat; background-size: 100% auto;}
.n_jg .box0{ background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); border-top: #9a2e21 .06rem solid; padding: .4rem .46rem; margin-bottom: .6rem;}
.n_jg .box0 .ar_article table td:nth-child(3){/* width: 40% */}
.n_jg .box0 .ar_article table{ border-top: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf;}
.n_jg .box0 .ar_article table td {
    border-bottom: 1px solid #dfdfdf; border-left: 1px solid #dfdfdf;
}

.h3-1{font-size: .3rem;color: #a71f14;line-height: 1.5;margin-bottom: .2rem;font-weight: 600;}
.list14{ margin: 0 -.23rem; margin-bottom: -.2rem}
.list14 li{min-width: 33.33%;padding: 0 .23rem;margin-bottom: .2rem;}
.list14 li .a{border: #d9d9d9 1px solid;line-height: .54rem;display: block;border-left: #a71f14 3px solid;padding: 0 .2rem;font-size: .2rem;color: #333333; position: relative; z-index: 1; transition: .5s;}
.list14 li .a::before{ content: ""; position: absolute; left: 0; width: 0; top: -1px; bottom: -1px; z-index: -1; transition: .5s;}

.n_jg .fl1-1{ justify-content: space-between;}
.n_jg .fl1-1 .con{ width: calc(50% - .24rem); border-top: #9a2e21 2px solid; background: #fcfcfc; padding: .3rem;}
.h4-1{ font-size: .28rem; color: #a71f14; line-height: 1.5; margin-bottom: .2rem; }
.h4-1_c{ text-align: center;}

.list15{background: #e9d4d3;padding: .07rem .3rem;border-radius: .1rem;margin-bottom: .1rem;}
.list15 dt{font-size: .22rem;color: #3a3a3a;min-width: .96rem;line-height: .4rem;font-weight: 600;}
.list15 dd{font-size: .2rem;color: #3a3a3a;line-height: .4rem;padding-right: .22rem;transition: .5s;}
.list15:nth-child(2){ background: #f7f7f7;}
.list15:last-child{ background: #fffaf4; /*min-height: 0.7rem;*/}

.list15s{ flex-direction: column}
.list15s dt{ width: 100%;}
.list15s1 dd{ min-width: 33.33%; }
.list15s2 dd{ width: 25%;line-height: 0.2rem; }
.list15s2:nth-child(4){ background: #f7f7f7;}
.box2 .list15:nth-child(3){ background: #fffaf4;}
.box2 .list15:nth-child(4){ background: #fcfcfc;}

.n_xr .fl1 .wp>.box{ width: 100%;}
.n_xr .fl1-1{ justify-content: space-between}
.n_xr .fl1-1 .box{width: calc(50% - .27rem);}
.n_xr .fl1 .box{margin-bottom: .6rem;background: #fff;box-shadow: 0px 4px 40px 0px rgba(12, 5, 10, 0.11);}
.n_xr .fl1 .box .ll{ width: .56rem; background: url(../images/list16_b1.jpg) center no-repeat; background-size: cover !important;}
.n_xr .fl1 .box .ll2{ background: url(../images/n_xr_b2.jpg) center no-repeat;}
.n_xr .fl1 .box .ll3{ background: url(../images/list16_b2.jpg) center no-repeat;}
.n_xr .fl1 .box .rr{ flex: 1; overflow: hidden; padding: .4rem .3rem;}
.n_xr .fl1 .box .rr0{ padding: .5rem .3rem;}
.n_xr .fl1 .box .rr1{width: 1.48rem;padding: 0 .26rem 0 0;font-size: .24rem;color: #000000;line-height: .34rem;text-align: right;border-right: #e6e6e6 1px solid;}
.n_xr .fl1 .box .rr2{flex: 1;overflow: hidden;padding: 0 0 0 .26rem;}
.n_xr .fl1 .box .rr2 h4{ font-size: .2rem; color: #000000; line-height: 1.5; font-weight: 600; margin-bottom: .08rem; transition: .5s;}
.n_xr .fl1 .box .rr2 .ar_article{ margin-bottom: 0;}
.n_xr .fl1 .box .rr>hr{ background: #f7f7f7; height: 2px;}
.n_xr .fl1 .box .rr2 hr{ background: #f7f7f7; height: 2px;}
.n_xr .fl1 .wp>.box .rr{ padding-bottom: .8rem}

.n_zr .content{ margin: 0 -.2rem; margin-bottom: -.6rem;}
.n_zr .content .box{width: 50%;padding: 0 .2rem;margin-bottom: .6rem;/* height: 100%; */}

.n_zr .content .box:nth-child(1) .list16{/* width:8%; *//* justify-content: center; */text-align: center;padding: .3rem .3rem;}
.n_zr .box .top{height: 1.2rem;background: url(../images/n_zr_b1.jpg) center no-repeat;background-size: cover !important;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 0 .2rem;line-height: 1.25;}
.n_zr .box .top h4{ font-size: .24rem; color: #fff; font-weight: 600}
.n_zr .box .top svg{width: .18rem;height: .18rem;fill: rgba(255,255,255,.5);transform: translateY(.15rem);}

.list16{background: #eff0f1;padding: .3rem 0 .3rem .4rem;margin: .1rem 0 0;align-content: flex-start;height: calc(100% - 1.2rem);}
.list16 li{width: 16.6667%;font-size: .18rem;color: #666666;line-height: .42rem;transition: .5s;}
.list16 li.xz{width:auto;margin:0 0.18rem}
.list16 li a{width: .54rem;display: inline-block;text-align-last: justify;white-space: nowrap;}
.n_zr .content.teacher6 .box:nth-child(1),.n_zr .content.teacher7 .box:nth-child(1){ width: 100%}
.teacher3 .list16 li.xz,.teacher6 .list16 li.xz{width: 16.667%;margin: 0;}
.teacher3 .list16 li.xz .a,.teacher6 .list16 li.xz .a{ width: 60%;  display:block;  text-align-last: justify; }

.teacher7 .list16 li.xz,.teacher6 .box:first-child .list16 li.xz{width: 8%;margin: 0;}
.teacher7 .list16 li.xz .a{width: 60%;display:block;text-align-last: justify;}
.n_zr .box:nth-child(2) .top{ background: url(../images/n_zr_b2.jpg) center no-repeat;}
.n_zr .teacher7 .box:nth-child(2) .top{ background: url(../images/n_zr_b1.jpg) center no-repeat;}
.n_zr .box:nth-child(3) .top{ background: url(../images/n_zr_b3.jpg) center no-repeat;}
.n_zr .box:nth-child(4) .top{ background: url(../images/n_zr_b4.jpg) center no-repeat;}

.n_sz .fl1 .content{background: url(../images/n_sz_b1.jpg) center no-repeat;background-size: cover;padding: 0;}
.n_sz .fl1 .content .ar_article{width: 68.4375%;position: relative;z-index: 1;padding: .5rem 11% .5rem .4rem;border-left: #a71f14 3px solid;overflow: hidden;margin-bottom: 0;}
.n_sz .fl1 .content .ar_article:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #f7f7f7;z-index: -1;transform: skewX(8deg);transform-origin: bottom right;}
.n_sz .fl1 .content .ar_article p{ font-size: .18rem; color: #3a3a3a; line-height: .34rem}

.list17{ margin: 0 -.1rem; margin-top: .6rem;}
.list17 li{ padding: 0 .1rem; width: 20%;}
.list17 li .a{display: flex;height: 3.2rem;background: #f7f7f7;flex-direction: column;justify-content: center;align-items: center;padding: 0 .2rem;}
.list17 li .ico{ width: .78rem; height: .78rem}
.list17 li .ico img{ width: 100%; height: 100%}
.list17 li h3{position: relative;z-index: 1;font-size: .8rem;font-family: "Sinhala MN";font-weight: bold;color: #ac2115;height: .8rem;margin: .1rem 0 0;}
.list17 li h6{font-size: .18rem;color: #000000;line-height: .26rem;height: .52rem;transition: .5s;text-align: center;width: 100%;}

@keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
@-webkit-keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.tit2{ text-align: center; position: relative; z-index: 1; margin-bottom: .6rem;}
.tit2:before{content:"";position: absolute;left: 50%;top: -.24rem;background: url(../images/tit2_b1.png) center no-repeat;width: .96rem;height: 1.13rem;background-size: cover;z-index: -1;transform: translateX(-50%);}
.tit2 h3{font-size: .36rem;color: #a71f14;}

.n_sz_d .fl1{}
.n_sz_d .content{ background:#fff url(../images/n_sz_d_b1.jpg) center top no-repeat; background-size: 100% auto; box-shadow: 0px 37px 95px 0px rgba(12, 5, 10, 0.2); padding: .8rem .6rem; border-top: #9a2e21 .06rem solid;}
.n_sz_d .box{ align-items: flex-start;
    align-content: flex-start;}
.n_sz_d .left{width: 4.04rem;}
.n_sz_d .left .sticky{ position: sticky; top: 1.2rem}
.n_sz_d .right{width: calc(100% - 4.04rem);padding: 0 0 0 .5rem;}
.n_sz_d .right .p1{font-size: .14rem;color: #a71f14;line-height: .24rem;margin: .4rem 0 .15rem;}
.n_sz_d .left .img{border-bottom: #9c2e20 .16rem solid;}
.n_sz_d .left h3{ font-size: .36rem; color: #3a3a3a; margin: .3rem 0 .15rem}
.n_sz_d .left p textarea{ font-size: .16rem; color: #9c2e20; line-height: 1.5; margin-bottom: .25rem}
.n_sz_d .left h6{ font-size: .2rem; color: #000000; line-height: 1.65}
.n_sz_d .right .ar_article textarea{overflow: hidden;height: -webkit-fill-available;line-height: 2;text-align: justify;font-size: 16px;text-indent: 2em;}
.n_sz_d .right .ar_article{ margin-bottom: 0}
.n_sz_d .right .ar_article p, .n_sz_d .right .ar_article{font-size: 16px;color: #3a3a3a;line-height: 2;text-indent: 2em;word-wrap: break-word;}
.n_sz_d .right .ar_article ul, .n_sz_d .right .ar_article ol{padding: 0 0 0 .2rem;}
.n_sz_d .right .ar_article ul li, .n_sz_d .right .ar_article ol li{list-style: decimal !important;padding: 0 0 0 .1rem;font-size: 14px;line-height: 2;}
.n_sz_d .right .ar_article ul li:before, .n_sz_d .right .ar_article ol li:before{ display: none}

.miso_tab1{ margin: .3rem 0 0}

.n_sz_d .right .ar_article ul.list18{display: flex;margin: 0 -.1rem;padding: 0 .5rem 0 0}
.n_sz_d .right .ar_article ul.list18 li{width: 33.33%;padding: 0 .1rem;}
.n_sz_d .right .ar_article ul.list18 li{
    list-style: none !important;
    margin-bottom: 0;
}
.n_sz_d .right .ar_article ul.list18 li a{display: block;line-height: .44rem;background: #ebd5d2;text-align: center;font-size: .2rem;color: #3a3a3a;text-indent: 0rem;}
.n_sz_d .content1{ border: #e6e6e6 1px solid; padding: .4rem .25rem; }
.n_sz_d .content1 .content_li{opacity: 0;visibility: hidden;height: 0;}
.n_sz_d .content1 .content_li.on{ opacity: 1; visibility: visible; height: auto}

.n_sz_d .right .ar_article ul.list18 li.on a{ background: #9c2e20; color: #fff;}
.n_sz_d .right .p2{font-size: .14rem;color: #3a3a3a;line-height: .24rem;margin: .4rem 0 0;}

.n_jg_d .fl1 .content{background: #f7f7f7;border-top: #a71f14 2px solid;padding: .5rem;position: relative;z-index: 1;overflow: hidden;}
.n_jg_d .fl1 .content .bg1{position: absolute;top: 76%;left: 87%;transform: translate(-50%, -50%);z-index: -1;pointer-events: none;width: 2.36rem;max-width: 20%;}
.tit4{ text-align: center; display: flex; justify-content: center; align-items: center; margin-bottom: .24rem;}
.tit4 span{ font-size: .3rem; color: #a71f14; margin: 0 .2rem;}
.tit4 .line1{ width: .3rem; height: 2px; background: #a71f14}
.n_jg_d .fl1 .ar_article p{ font-size: .18rem; color: #3a3a3a; line-height: .32rem;}

.home2s{ padding: 0 0 1.2rem;}
.home2s .bg0s{position: absolute;z-index: -1;}
.home2s .bg5{left: 8%;top: 58%;transform: translate(0, -50%);max-width: 16%;}
.home2s .tit4{ margin-bottom: 1.1rem}

.list19Boxw{ position: relative; z-index: 1;}
.list19Boxw .arrow{width: .4rem;height: .4rem;background-size: cover !important;position: absolute;top: 50%;transition: .5s;cursor: pointer;border: rgba(167,31,20,.5) 1px solid;border-radius: 50%;margin-top: -.2rem;display: flex;align-items: center;justify-content: center;}
.list19Boxw .arrow svg{ width: .16rem; height: .16rem; fill: #ac2e23; transition: .5s}
.list19Boxw .prev{ left: -.7rem}
.list19Boxw .next{right: -.7rem;}
.list19Box{ position: relative; z-index: 1;}
.list19Box::before{content: "";position: absolute;top: 50%;left: 0;right: 0;height: .04rem;background: #a71f14;z-index: -1;margin-top: -.02rem;}
.list19 li{ padding: 0 0 0 .3rem}
.list19 li .a{height: 3.6rem;display: flex;flex-direction: column;justify-content: space-between;position: relative;z-index: 1;}
.list19 li .a::before{content: "";position: absolute;width: .12rem;height: .12rem;border: #a71f14 3px solid;top: 0;left: .4rem;border-radius: 50%;z-index: 1;box-sizing: border-box;background: #f9f9f9;}
.list19 li .a::after{content: "";position: absolute;width: 1px;height: 1.8rem;background: #9c2e20;top: 0;left: .45rem;-webkit-animation: topMvTextBoxBorderMove 3s 1.5s ease infinite;animation: topMvTextBoxBorderMove 3s 1.5s ease infinite;-webkit-transform-origin: bottom center;transform-origin: bottom center;}
@-webkit-keyframes topMvTextBoxBorderMove {
  0% {
    height: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    height: 1.8rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60% {
    height: 1.8rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    height: 1.8rem;
    -webkit-transform: translateX(0) scale(1, 0);
            transform: translateX(0) scale(1, 0);
  }
}
@keyframes topMvTextBoxBorderMove {
  0% {
    height: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  40% {
    height: 1.8rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  60% {
    height: 1.8rem;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    height: 1.8rem;
    -webkit-transform: translateX(0) scale(1, 0);
            transform: translateX(0) scale(1, 0);
  }
}
.list19 li .a .time{display: flex;justify-content: center;align-items: center;width: .9rem;border-radius: 50%;font-size: .48rem;color: #a71f14;font-family: Georgia;transform: translateY(1rem);}
.list19 li .a .con{padding: .2rem 0 0 .7rem;}
.list19 li .a .con p{font-size: .16rem;color: #3a3a3a;line-height: .26rem;}

.list19 li:nth-child(2n-1) .a .time{order: 1;transform: translateY(-1.1rem);}
.list19 li:nth-child(2n) .a::before{ top: auto; bottom: 0}
.list19 li:nth-child(2n) .a::after{ top: 50%}
.list19 li:nth-child(2n) .a .con{padding: 0 0 .2rem .7rem;}
.list19_box_btn{ position: relative; z-index: 1;}
.miso_btn1 .miso_arrow{width: .24rem;height: .24rem;background-size: cover !important;position: absolute;top: 50%;margin-top: 0; transition: .5s; cursor: pointer;}
.miso_btn1 .prev{background: url(../images/miso_btn_prev.png) center no-repeat; left: -.7rem;}
.miso_btn1 .next{ background: url(../images/miso_btn_next.png) center no-repeat; right: -.7rem}
.miso_btn1 .prev:hover{background: url(../images/miso_btn_prev_on.png) center no-repeat; }
.miso_btn1 .next:hover{ background: url(../images/miso_btn_next_on.png) center no-repeat; }


/*==========================================首页 结束=============================================*/
@media(min-width: 1900px) and (max-width: 1920px){
    .banner ul li .img .imgLi{ background-size: 1920px 900px !important;}
}

@media(min-width: 1024px){
	.a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img, .slow:hover .imgLi{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}

    .list4 li .a:hover h4, .list5 li .a:hover h4, .more1 .a1:hover, .list7 li .a:hover .xh, .list7 li .a:hover h4, .list7 li .a:hover h6{ color: #a71f14;}
    .more1 .a1:hover img{ transform: rotateY(180deg)}

    .list6 li .a:hover{ box-shadow: 0px 0px 18.4px 1.6px rgba(179, 179, 179, 0.3);}
    .list6 li .a:hover:after{ background: #c60c03; width: 100%;}
    .list6 li .a:hover .time:after{ background: #c60c03; height: 100%;}
    .list6 li .a:hover h4{ color: #c60c03}

    .tit1s{ align-items: center}
    .tit1s .ll{ display: flex}
    .tit1s:before{background: url(../images/yz1.png) center no-repeat;width: .85rem;height: .8rem;top: .46rem;left: 0;}
    .tit1s h6{writing-mode: vertical-lr;writing-mode: bt-rl\0;padding: .4rem 0 0 0;width: .32rem;word-break: break-all;}
    .tit1s h6:before{left: 50%;top: 0;margin-left: -1px;margin-top: 0;width: 2px;height: .3rem;}
    .tit1s h3{writing-mode: vertical-lr;margin: 0 0 0 .04rem;width: .36rem;}
    .tit1s .more1 .a1{writing-mode: vertical-lr;margin: 0 auto;width: .24rem;flex-wrap: wrap;white-space: normal;}
    .tit1s .more1 .a1 img{ margin: .1rem 0 0 0; }

    .list7 li .a:hover .line1{width: 100%;transition: .2s linear}
    .list7 li .a:hover .line2{height: 100%;transition: .2s .2s linear}
    .list7 li .a:hover .line3{width: 100%;transition: .2s .4s linear}
    .list7 li .a:hover .line4{height: 100%;transition: .2s .6s linear}
    .list7 li .a:hover:after{ box-shadow: 0px 0px .3rem 1.6px rgba(167,31,20, .3);}

    .list14 li .a:hover{ border-left: #faaa18 3px solid; color: #fff;}
    .list14 li .a:hover::before{ width: 100%; background: #a71f14;}
    .list15 dd:hover{ color: #c60c03}
    .n_xr .fl1 .box .rr2 h4:hover{ color: #c60c03}
    .list16 li:hover{ color: #c60c03}

    .list17 li .a:hover .ico img, .list10 li a:hover img, #gotop:hover{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-webkit-animation: beat 0.7s 1;animation: beat 0.7s 1;
    }
    .list10 li a:hover{ border: #fff 1px dashed}
    .list19Boxw .arrow:hover{ background: #a71f14;}
    .list19Boxw .arrow:hover svg{ fill: #fff}

}
@media(max-width: 1600px){
	.n_about .fl1 .right img{ max-width: 100%;}
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_header_box{ display: none;}
	.m_header_box{ display: block;}

    .banner ul li .img .imgLi{ padding-bottom: 50%;}

    .home1 .left{width: 100%;}
    .home1 .right{width: 100%;padding: .5rem 0 0;}

    .home2 .right{ width: 100%;}
    .tit1{width: 100%;display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: .3rem;}
    .more1{ margin: 0}
    .home1 .left>.more1{ display: none}
    .miso_tab10 .hd ul li .tit1{ margin-bottom: .15rem}

    .home3 .right{width: 100%;top: 0;}
    .list7 li{padding: .5rem .2rem 0 0;}
    .list7 li.swiper-slide-active+li .a{ transform: translateY(-.3rem);}

    .home3{ padding: 1rem 0}

    .home2{ padding: 1rem 0}
    .home4 .left{width: 100%;margin-bottom: .2rem;}
    .home4 .right{width: 100%;padding: .3rem .5rem .8rem;}
    .home4 .wp .tit1{/* flex-direction: row; *//* align-items: flex-end; */padding: .5rem 0 .5rem;}
    .home4 .wp .left .tit1 .more1{margin-top: .25rem;}

    footer .fl1 .left{width: 100%;margin: 0 auto;max-width: 70%;}
    footer .fl1 .right{width: 100%;flex: auto;margin-top: .3rem;padding: 0 0 .2rem;}

    footer .fl2 .fl2Li{flex-wrap: wrap;border: none;}
    footer .fl2 .line{ display: none}
    footer .fl2 .left{width: 100%;padding: .2rem 0;}
    footer .fl2 .right{width: 100%;text-align: center;padding: .2rem 0;}
    footer .fl2 .center{width: 100%;padding: .2rem 0;}

    .home1{ padding: .5rem 0;}
    .tit1 h3{ font-size: .3rem;}
    .home2{ padding: .8rem 0 .5rem;}

    .home3{ padding: .5rem 0}
    .list12{ justify-content: center}

    .home5{ padding: .5rem 0}
    .home4 .left .img{ border-radius: 0}
    footer .fl1 .wp{ padding-bottom: 0}
    footer .fl2{ text-align: center}
    .list11{ justify-content: center}
    footer .fl2 h3{ justify-content: center}
    footer .fl2 p{ line-height: 1.75}
    .list11 li{ line-height: 1.75}
    .home1 .left .tit1 .more1{ display: block}

    .n_about .fl1 .left{width: 100%;padding: 0;}
    .n_about .fl1 .right{ margin: 0 auto; padding: .3rem 0 0;}
    .n_about .fl2-1{margin: 0 0 .5rem;flex-wrap: wrap;}
    .n_about .fl2 .left{ width: 100%}
    .mianbao{ display: none}
    .n_banner .top .wp{ padding: 0 15px}
    .n_banner h3{font-size: .24rem;margin: 0 0 0;text-shadow: 0 0 2px rgba(255,255,255,.8);}
    .n_banner h2{font-size: .24rem; margin: .1rem 0 0;}
    .n_erji{ display: none;}

    #m_n_nav{ display: block;}

    .tit1_c{ align-items: center}
    .n_xr .fl1-1 .box{width: 100%;margin-bottom: .3rem;}
    .n_xr .fl1 .box .rr{ padding:.2rem .2rem .2rem .1rem}

    .n_sz_d .left{ width: 100%;}
    .n_sz_d .right{width: 100%;padding: .05rem 0 0;}

	.list16 li{width: 25%;}
    .teacher6 .list16 li.xz{width: 25%;margin: 0;}
    .teacher7 .list16 li.xz{width: 25%;margin: 0;}
	
    .miso_tab10 .hd ul .more1{ position: relative}
    .miso_tab10 .hd ul{ flex-wrap: wrap;padding-bottom: 0;}
    .miso_tab10 .hd ul li{ width: 100%; margin: 0 !important;}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7)}

	.home4 .right{width: calc(100% - 15px);padding: .3rem 15px .5rem;margin: 0 15px;margin-bottom: .4rem;}

    .list4{ margin: 0 -7px;}
    .list4 li{ width: 50%; padding: 0 7px;}
    .home1{padding: .3rem 0;position: relative;z-index: 10;}
    .home2{padding: 1.2rem 0 .6rem;margin-top: -.5rem;}

    .list5Box .dots{ margin: .2rem 0 0}
    .home1 .right{width: 100%;padding: .3rem 0 0;}
    .list8 li{ margin-bottom: .24rem}
    .list8 li h3{ font-size: .56rem; height: .56rem}

    .list10 li{width: 100%;margin: 0;}

    .list10 li a img{ height: .2rem; width: .2rem}
    .list10 li a{height: .4rem;border: none;}

    .list6 li .a{ height: 1rem}
    .home4 .wp .left .tit1{/* padding: .5rem 0 .36rem; */margin-bottom: 0;}
    .home4 .left .top{ padding: 0 .3rem}

    .list13{ width: 100%}
    .n_about .fl2-1 .line{ display: none}

    .more1 .a1 img{ height: .18rem}

    .n_pad1{ padding: .5rem 0 !important}
    .list13 li h3{ transform: scale(.6); margin-bottom: -.2rem}
    .n_about .fl2-1{margin: -.5rem 0 .5rem;flex-wrap: wrap;}

    .ar_article, .ar_article p{font-size: .18rem !important;}
    .ar_article .scroll{ width: 100%; overflow: hidden; overflow-x: scroll}

    .n_about .fl4{padding: .3rem 0 55vw !important;background: url(../images/n_about-bg4.jpg) center bottom no-repeat;background-size: 100% auto;}

    .list14 li{width: 100%;margin-bottom: .1rem;}
    .n_jg .fl1-1 .con{ width: 100%; margin-bottom: .2rem;}
    .list14 li .a{ line-height: 1.5; padding: .1rem .2rem}
    .n_jg .box0{ padding: .2rem 15px; margin-bottom: .3rem}
    .h3-1{ font-size: .24rem}
    .list15{ padding: 0 15px}

    .list15s1 dd{ width: 100%; padding: 0}
    .h4-1{ font-size: .22rem}
    .n_zr .content{ margin-bottom: -.3rem}
    .n_zr .content .box{width: 100%;margin-bottom: .3rem;}
    .list16{ padding: .2rem .1rem .2rem .3rem}

    .n_sz .fl1 .content .ar_article{width: 97%;padding: .3rem;}
    .n_sz .fl1 .content .ar_article::before{ transform: skewX(0);}
    .list17 li{min-width: 50%;margin-bottom: .2rem;flex: 1;}

    .list17 li .ico{ width: .5rem; height: .5rem}
    .n_sz_d .content{ padding: .3rem 15px;}
    .tit2{ margin-bottom: .4rem}
    .tit2 h3{ font-size: .3rem}
    .tit2:before{ transform: scale(.7) translateX(-50%)}

    .n_sz_d .left .img{ width: 2rem; margin: 0 auto}
    .n_sz_d .left h3{ font-size: .28rem}

    .list19 li{ padding: 0;}
    .list19 li .a .time{font-size: .24rem;width: .6rem;}
    .list19 li .a::before{ left: .26rem}
    .list19 li .a::after{ left: .3rem}
    .list19 li .a .con{ padding-left: .46rem}
    .home2s .tit4{ margin-bottom: .3rem}
    .n_jg_d .fl1 .content{ padding: .3rem}
    .tit4 span{ font-size: .24rem}
	.list16 li{width: 16%;}
    .teacher6 .list16 li.xz{width: 16%;margin: 0;}
    .teacher7 .list16 li.xz{width: 16%;margin: 0;}
}
@media(max-width: 560px){
    .n_sz_d .right .ar_article ul.list18{padding: 0;}
	.n_sz_d .right .ar_article ul.list18 li{padding: 0;}
	.list6 li{ width: 100%; margin-bottom: .2rem}

	.list6 li .time h3{ font-size: .4rem; margin: .12rem 0 0}
	.list7 li .txt{padding: .15rem .2rem .3rem;}
	.list7 li .xh{font-size: .8rem;transform: translateY(-.6rem);}

	.list7 li .img{ transform: translate(.1rem, -.1rem);}
	footer .fl3 p{ font-size: .13rem}
	.tit1 h6{ font-size: .24rem}

    .banner .dots{ bottom: .2rem}
	.banner .dots span{ transform: scale(.6); margin: 0 !important}
	footer .fl2 h3 img{ height: .18rem}
	.more1 .a1{ font-size: .18rem}

	.n_about .fl1 .right{ width: 70%}
    .n_xr .fl1 .box .rr1{width: 1.2rem;font-size: .18rem;padding: 0 .2rem 0 0;line-height: 1.5;}
    .n_xr .fl1 .box .rr2{ padding: 0 0 0 .15rem}
    .n_xr .fl1 .box .rr2 .ar_article p{ font-size: .16rem}
    .n_xr .fl1-1 .box{width: 100%;margin-bottom: .2rem;box-shadow: 0px 4px 10px 0px rgba(12, 5, 10, 0.11);}
    .teacher3 .list16 li.xz, .teacher6 .list16 li.xz{ width: 25%}

    .list17 li .a{ height: 2.3rem}
    .list17 li h3{ font-size: .6rem; height: .6rem; margin: .05rem 0 0}
    .list17{ margin: .4rem -.1rem 0;}
    .list17 li .ico{ width: .4rem; height: .4rem}
    .list17 li h6{height: auto;}

    .list18{ margin: 0 -.05rem; padding: 0 .2rem 0 0}
    .list18 li{ padding: 0 .05rem}
} 
@media(max-width: 480px){
.list16 li{width: 25%;}
    .teacher6 .list16 li.xz{width: 25%;margin: 0;}
    .teacher7 .list16 li.xz{width: 25%;margin: 0;}

} 
.n_news{ padding: 0 0 1rem;}
.n_news .fl01{padding: .7rem 0 .52rem;}
.n_news .fl01 ul{font-size:0;margin: 0 -.212rem; display:flex; flex-wrap:wrap}
.n_news .fl01 ul li{width: 33.333333%;display:inline-block; *display:inline; *zoom:1;padding: 0 .2rem;}
.n_news .fl01 ul li .img{ background:#000}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ overflow:hidden; width:100%; position:relative}
.n_news .fl01 ul li .img a>img{ opacity:0.8}
.n_news .fl01 ul li .con{padding: .24rem 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;border-top: none;}
.n_news .fl01 ul li .con:before{ content:""; position:absolute; right:0; top:0; height:100%; width:0; background:#15569d; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl01 ul li .con h5{font-size: 19px;height: 20px;line-height: 20px;color: #424242;position:relative;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; transition:0.6s}
.n_news .fl01 ul li .con p{font-size: .15rem;color: #6e6e6e;line-height: .28rem;overflow:hidden;height: .56rem;margin: 0 0 1.5rem;position:relative;}
.n_news .fl01 ul li .con h6{font-size: 15px;color: #888887;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-family: Roboto;margin-bottom: .12rem;}
.n_news .fl01 ul li .con h6 .icon {vertical-align:middle;overflow: hidden;height:0.875rem;width:0.875rem;fill: #999;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;margin: -2px 0.25rem 0 0;}
.n_news .fl01 ul li .img .red-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 300ms; -webkit-transition: 300ms; }
.n_news .fl01 ul li .img .red-bg{background:rgba(0,0,0,0.45);}
.n_news .fl01 ul li .img .red-bg:before{ content:""; position:absolute; width:.44rem; height:.44rem; background:#15569d; border-radius:50%; top:50%; margin-top:-.22rem; left:50%; margin-left:-.22rem;}
.n_news .fl01 ul li .img .line { display: block; background: #fff; position: absolute; top: 50%; left: 50%; opacity: 0; visibility: hidden; transition: 400ms; -webkit-transition: 400ms; }

.n_news .fl01 ul li .img .line_1 { width: 16px; height: 2px; margin: -1px 0px 0px -8px; transform: translateX(-16px); -webkit-transform: translateX(-16px); }
.n_news .fl01 ul li .img .line_2 { width: 2px; height: 16px; margin: -8px 0px 0px -1px; transform: translateY(16px); -webkit-transform: translateY(16px); }

.n_news.more01 a small{color:#fff}
.n_news .fl01 .more01 a dl dd span:before{background:#fff;}

.n_news .fl02{padding: 0 0 0rem;}
.n_news .fl02 ul{font-size:0;margin: 0;border-top: #eaeaea 1px solid;margin-bottom: 0;}
.n_news .fl02 ul li{padding: .2rem 0;border-bottom: #e6e7ea 1px solid;position:relative;}
.n_news .fl02 ul li:last-child{ border:none}
.n_news .fl02 ul li:before{content:"";position:absolute;right:0;top:0;height:100%;width:0;background: #fff7f6;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_news .fl02 ul li a{padding: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;position:relative;display: block;}
.n_news .fl02 ul li a .box{display: flex;align-items: center;}
.n_news .fl02 ul li a .img, .n_news .fl02 ul li a .img img{width:3.1rem;overflow:hidden;margin: 0 .3rem 0 0;display: none;}
.n_news .fl02 ul li a h5{font-size: 19px;height: 20px;line-height: 20px;color: #3b3b3b;position:relative;margin-bottom: .12rem;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;}
.n_news .fl02 ul li a .con{flex: 1;overflow: hidden;}
.n_news .fl02 ul li a .con .box_table{ text-align:left}
.n_news .fl02 ul li a p{font-size: 14px;color: #868686;line-height: 16px;height: 16px;margin: .24rem 0 .32rem;position:relative;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_news .fl02 ul li a h6{font-size: 15px;color: #888887;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;line-height:.16rem;position:relative;font-family: Roboto;}
.n_news .fl02 ul li a span{/*font-size: 13px;*/color: #666666;font-family: "Microsoft Yahei"; transition:0.6s}
.n_news .fl02 ul li a h4{font-size: .15rem;color: #666666;line-height:20px;}
.n_news .fl02 ul li a h4 span{margin-left: 12px;}
.slow img{ transition: .5s;}

@media(min-width: 1024px){
	.a:hover .imgBox .img_hezi, a:hover .imgBox .img_hezi{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
	
	.n_news .fl01 ul li a:hover .con h5, .n_news .fl02 ul li a h5:hover, .n_news .fl02 ul li a span:hover, .n_news_detail .n_right .content01 .tuijian ul li a h5:hover{ color:#ca0e2a}

	.n_news .fl02 ul li:hover:before{ left:0; width:100%}
}
@media(max-width: 992px){
	.n_news .fl02 .left{width:100%;}
	.n_news .fl02 .left.ss{display: none;}
	 
	.n_news .fl02 .right{width:100%;padding: 2rem 0 0;}
}
@media(max-width: 800px){
	.n_news .fl01 ul{ margin:0 -5px}
	.n_news .fl01 ul li{padding:0 5px;width: 100%;margin-bottom: .16rem;}
	.n_news .fl01 ul li .con h5, .n_news .fl02 ul li .con h5{ font-size:16px;}
	
	.n_news .fl02 ul li a .img, .n_news .fl02 ul li a .img img{width:130px;margin: 0 .15rem 0 0;}
	.n_news .fl02 ul li a .con{}
	.n_news .fl02 ul li a span{ display:none}
	.n_news .fl02 ul li a p{margin-bottom:0;font-size: 13px;margin-top: 12px;display: none;}
	.n_news .fl02 ul li{ padding:.24rem 0}
	.n_news .fl01 ul li .con h6, .n_news .fl02 ul li a h6{font-size: 13px;}
	.n_news .fl01{ padding:.48rem 0 .16rem}
	.n_news .fl02 ul li .con h5{line-height:22px;height:44px;white-space: normal;font-size: 15px;}
    .n_news{ padding: 0 0 .5rem;}
}

.pages{margin: .6rem 0 0;}
.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin: .03rem .01rem;color: #666666;}
.pages ul li a{height: .35rem;text-align: center;padding: 0 8px;min-width: .35rem;display: flex;border: 1px solid #cccccc;border-radius: .04rem;align-items: center;justify-content: center; transition: .5s}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{background: #ac2b21;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;border-radius: 3px;}
.pages ul li a.on{background:#ac2b21;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color:#fff;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #cccccc;width: .35rem;height: .35rem;float: left;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: .6rem;height: .35rem;line-height: .35rem;text-align: center;background: #ac2b21;color: #fff;border-radius: .04rem;margin-left: 5px;font-size: .16rem;cursor: pointer;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{background: #ac2b21;border: #ac2b21 1px solid;}
.pages ul li a:hover{ color: #fff}
.pages ul li a:hover svg{ fill: #fff}

@media(max-width: 560px){
    .pages{ margin-top: .4rem;}
}

.list_box_n_news{ margin:0 -.16rem; margin-bottom:.32rem; display:flex; flex-wrap:wrap}
.list_box_n_news li{ width:33.333333%; padding:0 .16rem; margin-bottom: .3rem}
.list_box_n_news li a{ display:block; overflow:hidden}
.list_box_n_news li a .img .imgLi{ padding-bottom:67.65% !important}
.list_box_n_news li a .img .time{ width:130px; height:36px; line-height:36px; text-align:center; background:rgba(255,255,255,.9); font-family:Roboto_l; font-size:.14rem; color:#2f343d; position:absolute; top: .3rem; left: .3rem; transition:.5s;}
.list_box_n_news li a .img .time svg{ width:14px; height:14px; fill:#9ba7b9; transition:.5s; vertical-align:middle; margin:-3px .08rem 0 0; }
.list_box_n_news li a .con{background: #f5f5f5;padding:.36rem .3rem;}
.list_box_n_news li a .con h5{ font-size:.2rem; color:#303030; line-height:.3rem; height:.6rem; transition:.5s} 
.list_box_n_news li a .con p{ font-size:.14rem; color:#787878; line-height:24px; height:48px; overflow:hidden; margin:.12rem 0 .34rem}
.list_box_n_news li a .con span{ font-size:13px; color:#343637; text-decoration:underline; transition:.5s}
.n_newstu{ padding: .7rem 0 1rem;}

@media(min-width: 1024px){
	.list_box_n_news li a .con h5:hover, .list_box_n_news li a .con span:hover{color: #900b01;}
}


@media(max-width: 1024px){
	.w1200{ padding:0 15px; max-width: 100%;}
}

@media(max-width: 800px){
	.list_box_n_news li{ width:50%}
    .n_newstu{ padding: .5rem 0;}
}

@media(max-width: 560px){
	.list_box_n_news li{ width:100%}
	.list_box_n_news li a .con h5{ font-size:.24rem}
}

.n_news_detail .ar_article_box{padding: 0;}
.n_news_detail .ar_article_box .nav01{margin-bottom: .6rem;text-align: left;}
.n_news_detail .ar_article_box h3{color: #000000;font-size: .28rem;line-height: 1.4375;font-weight: bold;margin: 0 auto;max-width: 100%;/*margin-bottom: .25rem;*/text-align: center;}
.n_news_detail .ar_article_box h5{ text-align:center;line-height:200%;font-size: .20rem}
.n_news_detail .ar_article_box h6{color: #8f8f8f;font-size: 0.14rem;line-height: .42rem;margin-bottom: 0;vertical-align: top;border-bottom: #e3e3e3 1px solid;display: grid;align-items: center;padding: 0 0 .15rem;flex-wrap: wrap;text-align: center;}
.n_news_detail .ar_article_box h6 span{margin: 0 .42rem 0 0;font-size: .14rem;line-height: 1.5;color: #555555;}
.n_news_detail .ar_article_box h6 span span{margin:0}
.n_news_detail .ar_article_box h6 span img{margin: -3px .1rem 0 0;height: .16rem;}
.n_news_detail p{color: #000000;font-size: .18rem;margin-bottom:.28rem}
.n_news_detail p.vsbcontent_img{text-align:center}
.ar_f{align-items: center;border-top: #dedede 1px solid;border-bottom: #dedede 1px solid;margin-top: .5rem;padding: .3rem 0;justify-content: space-between;}
.ar_f .ll{flex: 1;overflow: hidden;}
.ar_f .ll h4{font-size: .16rem;color: #222222;line-height: .36rem !important;transition: .5s;}

.ar_article p img {
text-align: center;
    display: block;
    margin: 0 auto;
    padding: 0px;
    border: 0px;
    vertical-align: bottom;
    overflow: hidden;
    max-width: 800px;
    width:100%;
    height: auto;

    text-indent: 0em;
}

@media(min-width: 1024px){
	.ar_f .ll a:hover h4{ color: #900b01}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .n_news_detail .ar_article_box h3{ font-size: .24rem;}
    .n_news_detail .ar_article_box h6 span{ margin-right: .1rem;}
    .n_news_detail .ar_article_box h6{ line-height: 1.75;}
    .n_news_detail .ar_article_box .nav01{ margin-bottom: .3rem;}
}
@media(max-width: 560px){
} 

.list20{ margin: 0 -.1rem -.2rem;}
.list20 li{ width: 25%; padding: 0 .1rem; margin-bottom: .2rem;}
.list20 a{display: flex;height: 2.2rem;background: #696167;flex-direction: column;justify-content: center;align-items: center;padding: 0 .28rem;text-align: center;position: relative;z-index: 1;}
.list20 a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,.1); transform: translateY(101%); transition: .5s}
.list20 h4{ font-size: .2rem; color: #fff; line-height: .3rem; height: .6rem; margin-top: .2rem}
.list20 img{ width: .73rem}

.list20 li:nth-child(2) a{ background: #b18e6c;}
.list20 li:nth-child(3) a{ background: #d57474;}
.list20 li:nth-child(4) a{ background: #46719d;}
.list20 li:nth-child(5) a{ background: #7092b9;}
.list20 li:nth-child(6) a{ background: #97afbb;}
.list20 li:nth-child(7) a{ background: #65935c;}
.list20 li:nth-child(8) a{ background: #6e5893;}
.list20 li:nth-child(9) a{ background: #70a9b9;}
.list20 li:nth-child(10) a{ background: #af5e50;}
.list20 li:nth-child(11) a{ background: #6b87a4;}
.list20 li:nth-child(12) a{ background: #747156;}
.list20 li:nth-child(13) a{ background: #526093;}
.list20 li:nth-child(14) a{ background: #68b091;}
.list20 li:nth-child(15) a{ background: #d7ab6c;}
.list20 li:nth-child(16) a{ background: #639bd6;}

@media(min-width: 1024px){
	.list20 a:hover:before{ transform: translateY(0)}
}
@media(max-width: 1024px){
    .list20 li{ width: 33.33%;}
}
@media(max-width: 800px){
	.list20{ margin: 0 -7px -.14rem}
    .list20 li{ width: 50%; padding: 0 7px; margin-bottom: .14rem}
    .list20 img{ width: .5rem}
    .list20 a{padding: 0 .2rem;height: 1.8rem;}
    .list20 h4{font-size: .18rem !important;margin-top: .1rem;}
}
@media(max-width: 560px){
} 

.tit5{ text-align: center; margin-bottom: .94rem;}
.history{ background: url(../images/history_b1.jpg) center bottom no-repeat; background-size: cover}
.history .wp{width: 100%;display: flex;justify-content: center;}
.history .content{display: flex;padding: 0;width: 100%;justify-content: center;}
.history .content .box{display: flex;align-items: center;}
.history .content .box:nth-child(3){margin-right: -2rem;} 
.history .content .box .ll{width: 1.14rem;height: 1.14rem;background: #a71f14;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;font-size: .47rem;color: #fff;font-family: Georgia;margin-right: -.5rem;}
.history .content .box .ll span{position: absolute;right: 0;bottom: 0;font-size: .55rem;color: rgba(255,255,255,.1);font-weight: bold;}
.history .content .box:last-child{padding-right: 4rem;}
.list21{display: flex;height: calc(3.35rem*2);}
.list21 li{width: 3.5rem;}
.list21 li .a{display: flex;flex-direction: column;height: 3.35rem;justify-content: flex-end;position: relative;z-index: 1;}
.list21 li .a1{position: relative;z-index: 1;padding: 0 .28rem;display: flex;flex-direction: column;min-height: 2rem;}
.list21 li .a1:before{content: "";position: absolute;left: 0;top: .25rem;bottom: 0;border-left: #a71f14 1px dashed;}
.list21 li .a1:after{content: "";position: absolute;left: -.05rem;top: .15rem;width: .1rem;height: .1rem;border: #a71f14 .03rem solid;border-radius: 50vw;box-sizing: border-box;background: #fff;}
.list21 li .a1 .ico{content: "";position: absolute;left: -.05rem;bottom: -.06rem;width: .12rem;height: .12rem;border-radius: 50vw;box-sizing: border-box;background: #a71f14;}
.list21 li h3{font-size: .2rem;color: #a71f14;font-weight: bold;margin-bottom: .15rem;transition: .5s;}
.list21 li h3 font{font-size: .33rem;font-family: Georgia;font-weight: normal;margin-right: .1rem;transition: .5s;}
.list21 li h4{font-size: .25rem;color: #a71f14;font-weight: bold;margin-bottom: .2rem;line-height: 1.375;transition: .5s;}
.list21 li h6{font-size: .15rem;color: #a71f14;font-weight: bold;margin-bottom: .04rem;line-height: 1.375;margin-top: -.15rem;}
.list21 li p{font-size: .12rem;color: #a71f14;margin-bottom: -.15rem;line-height: 1.375;}
.list21 li .img{width: 1.94rem;margin: .3rem 0;}
.list21 li .img img{width: 100%;transition: .5s;}
.list21 li h5{ font-size: .18rem; color: #a71f14; font-weight: bold; margin-top: -.06rem}

.history .content .box:nth-child(3) .list21 li:last-child{ transform: translateX(-.6rem)}
.history .content .box:nth-child(3) .list21 li:last-child .a1:before{border-left: #d5a400 1px dashed;}
.history .content .box:nth-child(3) .list21 li:last-child .a1:after{border: #d5a400 .03rem solid;}
.history .content .box:nth-child(3) .list21 li:last-child .a1 .ico{background: #d5a400;}

.list21 li:nth-last-child(2) .a:nth-child(2) h3{ color: #526672}
.list21 li:nth-last-child(2) .a:nth-child(2) h4{ color: #526672}
.list21 li:nth-last-child(2) .a:nth-child(2) .a1:after{ border: #526672 .03rem solid;}
.list21 li:nth-last-child(2) .a:nth-child(2) .a1 .ico{ background: #526672}
.list21 li:nth-last-child(2) .a:nth-child(2) .a1:before{ border-left: #526672 1px dashed;}

.history .content .box:nth-child(5) .list21 li{ display: flex; flex-direction: column}
.history .content .box:nth-child(5) .list21 li span:nth-child(1){ order: 1;justify-content: flex-start;}

.history .content .box:nth-child(3) .ll{ margin-right: .4rem}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2){justify-content: flex-start;}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1{ justify-content: flex-end;}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1:before{ top: 0; bottom: .25rem}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1:after{top: auto;bottom: .1rem;}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1 .img{ order: -1}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1{ transform: translateX(.6rem)}
/*
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1 h4{ margin-bottom: 0}*/
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1 .img{ margin-bottom: .4rem}
.history .content .box:nth-child(3) .list21 li .a:nth-child(2) .a1 .ico{ top: -.06rem}

.horizontal{position: relative;z-index: 1;}
.horizontal:before{content: "";position: absolute;top: 50%;margin-top: -1px;/* background: rgba(0,0,0,.15); */width: 100%;height: 2px;z-index: -1;border-top: rgba(0,0,0,.15) 2px dashed;}

.history .content .box:last-child .ll{ position: relative;}
/*
.history .content .box:nth-last-child(2)  .ll::before{content: "";position: absolute;background: url(../images/svg1.svg) center top no-repeat;width: 3.25rem;height: 1rem;right: 1.14rem;top: .58rem;background-size: 100% auto;}
.history .content .box:nth-last-child(2)  .ll::after{content: "";position: absolute;background: url(../images/svg2.svg) center no-repeat;width: 1.25rem;height: 1rem;right: .8rem;top: -.2rem;background-size: 100% auto;}
*/

.list21s1 a:nth-child(2){ transform: translateX(-1.5rem)}
.list21s1 a:nth-child(1){ transform: translateX(.5rem)}

.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a{justify-content: flex-start;}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1{ justify-content: flex-end;}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1:before{ top: 0; bottom: .25rem}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1:after{top: auto;bottom: .1rem;}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1 .img{ order: -1}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1 h4{ margin-bottom: 0}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1 .img{ margin-bottom: .4rem}
.history .content .box:nth-child(5) .list21 li span:nth-child(1) .a1 .ico{ top: -.06rem}

.history .content .box:nth-child(5) .list21 li span:nth-child(2) .a1{ transform: translateX(1.4rem)}

@media(min-width: 1024px){
	.list21 li .a:hover .img img{ transform: scale(1.08)}
	.list21 li .a:hover *{text-shadow: 0 0.04rem 0.1rem rgba(167,31,20, .5);}
	.list21 li:nth-last-child(2) .a:nth-child(2):hover *{text-shadow: 0 0.04rem 0.1rem rgba(82,102,114,.5);}
}
@media(max-width: 1024px){
    .tit5 img{ height: .6rem;}
    .tit5{ margin-bottom: .3rem;}

    .list21 li .img{width: 1.3rem;margin: .15rem 0;}
    .list21 li h3 font{ font-size: .24rem;}
    .list21 li h4{font-size: .18rem;margin-bottom: .1rem;}
    .history .content .box .ll{ font-size: .35rem}

    .list21{height: calc(2.2rem*2);}
    .list21 li .a{height: 2.2rem;}
    .list21 li .a:nth-child(2) .a1 .img{ margin-bottom: .15rem}
    .history .content .box:last-child{ padding-right: 0;}
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 


.tit6{height:.7rem;background:#526672;align-items:center;padding:0 .4rem;font-size: .24rem;color: #fff;line-height: 1.375;position: relative;z-index: 1;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);}
.tit6:before{ content: ""; position: absolute; top: 0; right: -.1rem; border-left: #526672 .1rem solid; border-top: transparent .35rem solid; border-bottom: transparent .35rem solid}
.box:nth-child(1) .tit6:after{content: "";position: absolute;top: 50%;right: -.29rem;width: .11rem;height: .11rem;background: #526672;border-radius: 50vw;margin-top: -.05rem;}

.n_Lr .fl1{ position: relative; z-index: 1}
.n_Lr .con1 .box:nth-child(2) .tit6{background:#966e3b;}
.n_Lr .con1 .box:nth-child(2) .tit6:before{border-left: none;border-right: #966e3b .1rem solid;left: -.1rem;right: auto;}

.n_Lr .con1{justify-content:space-between;/* align-items: flex-start */}
.n_Lr .con1 .box{width: calc(50% - .5rem);position: relative;padding-bottom: .1rem;}
.n_Lr .con1 .box .txt{padding: .2rem .25rem;justify-content: space-between;margin-bottom: .3rem;background: #fff;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);position: relative;z-index: 1;}
.n_Lr .con1 .box:nth-child(1):before{content: "";position: absolute;right: -.24rem;top: 0;bottom: 0;border-left: #dce0e3 .02rem dashed;}

.list30{width: 49%;flex: 1;padding: 0 .05rem;}
.list30 li{background:#f3f2f2;border-radius: .05rem;min-height: .9rem;display:flex;flex-direction:column;justify-content: center;margin-bottom:.1rem;padding: .18rem .1rem;transition: .5s;}
.list30 h3{ font-size:.2rem; color:#000000; line-height: 1.375}
.list30 h6{font-size:.14rem;color:#666666;line-height: .24rem;margin: .03rem 0 0;}

.list30 li:last-child{ margin-bottom: 0}

.list30s1 li{ height:100%}

.n_Lr .con1 .box:nth-child(1) .txt:nth-child(2) ul:last-child li{ height: 100%}
.n_Lr .con1 .box:nth-child(1) .txt:nth-child(6) ul:nth-child(1) li:last-child{ height: 1.9rem;}
.n_Lr .con1 .box:nth-child(2) .txt:nth-child(8) ul:nth-child(2) li:nth-child(1){ margin-top: 1rem}

.n_Lr .con1 .box:nth-child(2):before{content: "";position: absolute;left: -.24rem;top: 0;bottom: 0;border-right: #dce0e3 .02rem dashed;}
.box:nth-child(2) .tit6:after{content: "";position: absolute;top: 50%;left: -.29rem;width: .11rem;height: .11rem;background: #966e3b;border-radius: 50vw;margin-top: -.05rem;}
.n_Lr .lines{width: .56rem;height: .56rem;border: #dce0e3 .02rem dashed;border-radius: 50vw;/* border-top: none; */margin: -.22rem auto .48rem;position: relative;z-index: 1;}
.n_Lr .lines:before{content: "";position: absolute;border-left: #dce0e3 .02rem dashed;left: 50%;top: 100%;height: .48rem;}
.n_Lr .lines:after{content: "";position: absolute;width: 100%;left: 0;right: 0;background: #fff;height: .54rem;bottom: .05rem;border-radius: 50vw;}

.n_Lr .con2 .box{ width:100%}
.n_Lr .con2 .box:nth-child(1):before{ display: none}
.n_Lr .con2 .box:nth-child(1) .tit6:after{ display: none}
.n_Lr .con2 .tit6:before{ display: none}
.n_Lr .con2 .tit6{ background:#ab433a; text-align: center; justify-content: center}

.n_Lr .con2 .box:nth-child(1) .txt:nth-child(2) ul:last-child li{height:auto;}
.n_Lr .con2 .box:nth-child(1) .txt:nth-child(2) ul:last-child li:first-child{height: 1.9rem;}
.n_Lr .con2 .list30 li{/* flex-direction:row; *//* justify-content: flex-start; */align-items: center;min-height: .7rem;}
.n_Lr .con2 .list30 li h3{ width:.96rem}
.n_Lr .bg0{ position: absolute}
.n_Lr .bg0 img{ width: 100%}
.n_Lr .bg1{right: 5%;top: 30%;max-width: 14%;}
.n_Lr .bg2{left: 0;top: 58%;max-width: 35%;}

@media(min-width: 1024px){
    .list30 li:hover{ background: #526671}
    .list30 li:hover *{ color: #fff}
	.box:nth-child(2) .list30 li:hover{ background: #966e3b}

	.n_Lr .con2 .list30 li:hover{ background:#ab433a;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
	.tit6{ font-size:.22rem; padding:0 .2rem}
	
	.n_Lr .con1 .box{ width:100%}
	.n_Lr .con1 .box:nth-child(1):before{ display: none}
	.n_Lr .con1 .box:nth-child(1) .tit6:after{ display: none}
	.n_Lr .con1 .tit6:before{ display: none}
	.n_Lr .con1 .tit6{ background:#ab433a; text-align: center; justify-content: center}
	.n_Lr .lines{ display: none}
	.n_Lr .con2 .list30 li{ flex-direction:column; align-items: flex-start; justify-content: center}
	.n_Lr .con1 .box .txt{ padding: .2rem 10px}
}
@media(max-width: 560px){
} 

/*公共css*/
@media(max-width: 767px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

.tit1s1 .ll:before{left: 50%;transform: translate(-50%, -.3rem);}
.list100 .a{ padding:.56rem .66rem}
.list100 .txt{flex:1;overflow: hidden;}
.list100 .txt h3{ font-size: .28rem; color: #333333; font-weight: 600; line-height: 1.5; margin-bottom: .2rem}
.list100 .txt p{font-size: .18rem;color: #333333;line-height: .3rem;text-indent: .36rem;text-align: justify;}

.list100 li{ margin-bottom:.44rem}
.list100 li:nth-child(1) .a{ background: url(../images/list100_i1.jpg) center no-repeat; background-size:cover; border-left: #7092b9 .05rem solid}
.list100 li:nth-child(2) .a{ background: url(../images/list100_i2.jpg) center no-repeat; background-size:cover; border-right: #9e382b
 .05rem solid}
.list100 li:nth-child(1) .a .img{width:6.71rem;margin-left: .7rem;}
.list100 li:nth-child(2) .a .img{width:4.55rem;margin: 0 .8rem;margin-right: 1.2rem;order: -1;}

.list101 li{ margin-bottom: .2rem; background: #f9f2f2; border-left: #9d372b 3px solid; padding: .4rem;}
.list101 li .ll{ width: 2.3rem; font-size: .3rem; color: #333333; line-height: .48rem; font-weight: 600; padding: 0 .2rem 0 0;}
.list101 dl{ flex: 1; overflow: hidden;}
.list101 dd{ min-width: 33.33%; font-size: .2rem; color: #333333; line-height: .48rem; transition: .5s;}

@media(min-width: 1024px){
    .list101 dd:hover{ color: #c60c03}
}

@media(max-width: 1800px){
	.horizontal{position: relative;z-index: 1;overflow: hidden;overflow-x: scroll;}
    .horizontal::-webkit-scrollbar{width:4px;height:4px;background-color:#f5f5f5}
	.horizontal::-webkit-scrollbar-track{background-color:#e2e2e2}
	.horizontal::-webkit-scrollbar-thumb{background-color:#333}

}
@media(max-width: 1024px){
    .list100 li .a .img{margin: 0 auto !important;order: -1;margin-bottom: .3rem !important;}
    .list100 li .a .txt{ width: 100%; flex: auto;}

    .list101 li .ll{width: 100%;padding: 0 0 .1rem;}
    .list101 dl{ width: 100%; flex: auto;}
}

@media(max-width: 800px){
    .list100 .a{ padding: .4rem .3rem;}
    .list101 li .ll{ font-size: .24rem}
    .list101 li{ padding: .3rem .25rem; }
    .list101 dl dd{ line-height: .36rem}
}
@media(max-width: 560px){
	.list101 dd{ min-width: 50%}
} 

.n_about .tit1 h6,n_sz .tit1 h6,.n_zr .tit1 h6,.n_pad1 .tit1 h6{display:none}