@charset "utf-8";
/*Technical Support SudyTech*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{ margin:0; padding:0; }
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{ display:block; }
table{ border-collapse:collapse; border-spacing:0; }
caption,th{ text-align:left; font-weight:normal; }
html,body,fieldset,img,iframe,abbr{ border:0;}
img{vertical-align:top;}
html{ overflow-x:hidden; }
i,cite,em,var,address,dfn{ font-style:normal; }
[hidefocus],summary{ outline:0; }
li{ list-style:none; }
h1,h2,h3,h4,h5,h6,small{ font-size:100%; }
sup,sub{ font-size:83%; }
pre,code,kbd,samp{ font-family:inherit; }
q:before,q:after{ content:none; }
textarea{ overflow:auto; resize:none; }
label,summary{ cursor:default; }
a,button{ cursor:pointer; }
h1,h2,h3,h4,h5,h6,em,strong,b{ font-weight:bold; }
del,ins,u,s,a,a:hover{ text-decoration:none; }
body,textarea,input,button,select,keygen,legend{font: 13px/1 arial,\11b8b\4f53;color:#333;outline:0;}
:focus { outline:0; }
/*备用样式表*/
.none { display:none; }
.wcb{ width:100%; height:30px; border:2px dashed #97CBE0; }
.hidden { visibility:hidden; }
.clear { width:100%; height:0; line-height:0; font-size:0; overflow:hidden; clear:both; display:block; _display:inline; }
.clearfix:after{clear: both;content: ".";display: block;height:0;visibility: hidden;}
.clearfix{ display: block; *zoom:1; }
.icon{display:inline-block;width: 32px;height: 32px;vertical-align:middle;background:url(/_upload/tpl/00/04/4/template4/images/icon.png) no-repeat;}
/*css3扩开元495棋app下载*/
body:before {content: ""; position: fixed; top: -10px; left: 0; z-index: 110; width: 100%; height: 10px;
 -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	     box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
::-webkit-input-placeholder { color:#ccc;}
:-moz-placeholder {color:#ccc;}
::-moz-placeholder { color:#ccc;}
:-ms-input-placeholder { color:#ccc;}
/**布局开始**/
::-webkit-scrollbar{width: 8px;height: 8px;background-color: #CCCCCC;-webkit-border-radius: 6px;}
::-webkit-scrollbar-thumb:horizontal { width: 4px;  background-color: #CCCCCC;  -webkit-border-radius: 6px;}
::-webkit-scrollbar-track-piece { background-color: #fff; /*滚动条的背景颜色*/ -webkit-border-radius: 0; /*滚动条的圆角宽度*/}
::-webkit-scrollbar-thumb:vertical {height: 50px;background-color: #999;-webkit-border-radius: 4px;  outline: 1px solid #fff; outline-offset: -1px;border: 1px solid #fff;}
body {line-height:1;font-size: 13px;font-family: "Arial","Microsoft YaHei","\u5b8b\u4f53", Tahoma, Geneva, sans-serif;color:#333;}
p{line-height:1.75;}
a {color: #333;text-decoration:none;transition:all 0.4s ease-in-out;}
a:hover {color: #a41b2f;}
/*页面尺寸*/
.wrapper {width:100%;margin:0 auto;/* background: #fff; */position: relative;}
.wrapper .inner {width: 14.6rem;margin:0 auto;position: relative;} /**页面全局宽度**/
/*headtop*/
#headtop{background: #666;}
#headtop .inner{}
.headtop .top-left{float: left;}
.headtop .top-right{float:right;}
/*head开始*/
.header {background: url('/_upload/tpl/00/04/4/template4/images/headbg.png') no-repeat center top;border-bottom:none;height:auto;line-height:inherit;background-size: 100% 100%;position: fixed;top: 0;width: 100%;transition: all 0.7s ease-out 0s;z-index: 3;/* border-top: 0.15rem solid #A41B2F; */}
.header .inner{height: 1.5rem;position:relative;/* background: url('/_upload/tpl/00/04/4/template4/images/by.png') no-repeat right 47px; */width: 100%;padding: 0 0.8rem;box-sizing: border-box;}
.header .sitelogo{float:left;margin: 0.27rem 0;}
.header .sitelogo span{position:relative;font-size:inherit; font-weight:normal;}
.header .sitelogo span a{ color:transparent; margin:0;}
.header .sitelogo h1{font-size:inherit; font-weight:normal; background:none; padding-left:0px;}
.header .sitelogo .sitetitle {display:inline-block;margin-top: 28px;margin-left:10px;font-size:32px;font-weight:bold;color:#fff;} /**站点名称**/
.header .mod {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .head-left{float:left;display:inline-block;}
.header .head-main{float:left;margin-top:10px;}
.header .sitelogo img {
    width: 4.23rem;
}
.head-right {
    display: flex;
}


.search-btn img {
    width: 0.4rem;
    cursor: pointer;
}
.home {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.home body {
    height: 100%;
    overflow: hidden;
    padding: 0;
}

.body_home {
    height: 100%;
    overflow: hidden;
    /* position: relative; */
    /* z-index: 2; */
}
.body_b.showdiv {
    top: 0;
}

.body_b {
    position: fixed;
    left: 0%;
    top: 100%;
    bottom: 0;
    right: 0;
    background: #fff;
    overflow: hidden;
    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
    z-index: 1;
    overflow: auto;
    outline: none;
    padding-top: 1.44rem;
}
div#head1 {
   z-index: 1;
   opacity: 0;
   transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -webkit-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   border-top: 0.15rem solid #A41B2F;
}
.body_home.showdiv div#head1 {
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    opacity: 1;
}
#head2 .inner {
    height: auto;
}
div#head2 {
   opacity: 0;
   transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   -moz-transform: translateY(-100%);
   -webkit-transform: translateY(-100%);
   -o-transform: translateY(-100%);
   background: #A41B2F;
   /* height: 1.5rem; */
}
.body_b.showdiv div#head2 {
       transition: all 0.7s ease-in-out 0.5s;
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    opacity: 1;
}
/*rale样式*/
.site-rale{}
.site-rale ul{}
.site-rale ul li.links{float:left;}
.site-rale ul li.links a{line-height: 35px;padding: 0 12px 0 12px;padding-left: 19px;font-size: 13px;color: #cad3d4;background:url(/_upload/tpl/00/04/4/template4/images/icon_role.png) no-repeat;}
.site-rale ul li.links a:hover{color:#fff;}
.site-rale ul li.links.i1 a{background-position: 0px 0px;}
.site-rale ul li.links.i2 a{background-position: -90px 0px;}
.site-rale ul li.links.i3 a{background-position: -187px 0px;}
.site-rale ul li.links.i4 a{background-position: -269px 0px;}
.nav .wp-menu .menu-item a.menu-link:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 2px;
    background: #fff;
    bottom: 0;
    left: 0;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.nav .wp-menu .menu-item:hover a.menu-link:after {
    transform: none;
}

.search-btn {
    float: left;
    /* margin-right: 0.25rem; */
}
/*lang样式*/
.site-lang{
    float: right;
    margin: 0 0.2rem 0 0.36rem;
}
.site-lang ul{float:right;}
.site-lang ul li.links{float:left;}
.site-lang ul li.links a{width: 0.4rem;/* margin:0px 5px; */font-size: 0.14rem;color: #A41B2F;display: inline-block;height: 0.4rem;line-height: 0.4rem;background: #fff;border-radius: 50%;opacity: 0.72;text-align: center;}
.site-lang ul li.links a:hover{color:#fff;background: #A41B2F;opacity: 1;}
/*默认主导航样式*/
#nav{/* background: #004ea1; */width: 9.66rem;}
#nav .inner{}
#nav .inner .wp-panel{}/*导航*/
#nav .inner .wp-panel .wp-window{}
#nav .inner .wp-panel .navbg{position:absolute; z-index:-1;left:0;right:0;top:0;bottom:0; width:auto; height:100%;background:#fff;opacity:.7;filter:alpha(opacity=70);}
/*导航样式：后台绑定时也可以定义配置*/
.nav .wp-menu {margin:0 auto;display: flex;justify-content: space-between;}
.nav .wp-menu .menu-item {display: inline-block; float: left; position: relative;}
.nav .wp-menu .menu-item.i1 { background:none;}
.nav .wp-menu .menu-item a > .menu-switch-arrow{display: none;width:20px;height:20px;background:url(/_upload/tpl/00/04/4/template4/images/nav_j.png) no-repeat center center;vertical-align:middle;}
.nav .wp-menu .menu-item a.menu-link {display: inline-block;/* padding: 0 32px; */line-height: 0.4rem;color: #FFFFFF;font-size: 0.18rem;font-weight: bold;text-transform: uppercase;font-family: "Arial";}
.nav .wp-menu .menu-item.hover a.menu-link,
.nav .wp-menu .menu-item a.hover{/* background-color:#1384e2; */text-decoration: none;/* color: #2065C3; */}
.nav .sub-menu {display: none;position: absolute;left: 50%;top: 100%;min-width: 1rem;z-index: 100;background: #fff;transform: translateX(-50%);}
.nav .sub-menu .sub-item { position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.nav .sub-menu .sub-item a {display: block;color: #333;height: 0.4rem;line-height: 0.4rem;padding: 0 0.1rem;font-size: 0.15rem;background:none;text-align: center;}
.nav .sub-menu .sub-item.hover> a,
.nav .sub-menu .sub-item a:hover{ color: #fff; background-color:#a41b2f; display: block; }
.nav .sub-menu .sub-menu { left: 100%; top:0px; z-index: 200; background:#fff;}
/**主体模块样式**/
#m-container {}
#m-container .inner {}
/**首页三列布局**/
.mod {}
.mbox {}
/**主页banner开始**/
#banner {background: #e7e2df;}
#banner .inner {width:auto;max-width: 100%;text-align: center;position:relative;}
.body_home .mbanner {
   position: relative;
   height: 100%;
   overflow: hidden;
}

.body_home .mbanner .slick-list {
   height: 100%;
}
.body_home .mbanner .news_video {
    height: 100vh;
}
.body_home .mbanner .slick-track {
   height: 100%;
}

.body_home .mbanner .news_imgs {
   height: 100vh;
}
.body_home .mbanner .slick-slide img {
    width: 100%;
    height: 100vh;
}

.body_home .mbanner .news .news_title {
    position: absolute;
    color: #fff;
    font-size: 0.34rem;
    line-height: 0.5rem;
    bottom: 0.39rem;
    font-weight: bold;
    left: 0.8rem;
    max-width: 100%;
    z-index: 1;
    font-family: "shsb";
    width: 9.6rem;
    text-align: left;
}
.body_home .mbanner .news .news_title a {
    color: #fff;
}
.mbanner .news:after {
    position: absolute;
    width: 100%;
    visibility: inherit;
    height: 1.67rem;
    background: url(/_upload/tpl/00/04/4/template4/images/bannerbg.png);
    bottom: 0;
    background-size: 100% 100%;
}
.mbanner .slick-dots li {
    height: 3px;
    width: 0.5rem;
    background: none;
    margin-left: 0.17rem;
    vertical-align: top;
    opacity: 0.3;
    background: url(/_upload/tpl/00/04/4/template4/images/dot.png);
    border-radius: 0;
    margin-right: 0;
    vertical-align: bottom;
    background-size: 100%;
    transition: 0.6s;
}

.mbanner .slick-dots {
    bottom: 0.52rem;
    width: auto;
    right: 0.87rem;
}

.mbanner .slick-dots li.slick-active button {opacity: 1;}

.mbanner .slick-dots li button {
    width: auto;
    height: auto;
    font-size: 0;
    color: #fff;
    /* line-height: 0.22rem; */
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}


.mbanner .slick-dots li.slick-active:before{
    height: 0.17rem;
}
.mbanner .slick-dots li.slick-active:after{
    height: 0.17rem;
}
.main1 {
    border-bottom: 1px solid #E9ECEF;
    position: relative;
    
}
.showdiv .main1:after {
    top: 0;
}
.main1:after {
    content: "";
    display: block;
    /* width: 100%; */
    position: fixed;
    width: 100%;
    top: 100%;
    bottom: 0;
    background: #F4F6F8 url(images/main1bg.png)no-repeat center;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    background-attachment: fixed;
    transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
}

.wrap {
    position: relative;
}
.showdiv .main1:after {
    /* visibility: inherit; */
}

.body_home.s.showdiv {
    /* position: relative; */
    /* z-index: 2; */
}

.body_home .mbanner .news_imgs:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 2.05rem;
    background: url(/_upload/tpl/00/04/4/template4/images/bannerbg1.png);
    top: 0;
    left: 0;
    background-size: 100% 100%;
    z-index: 1;
}
.mbanner .slick-dots li.slick-active {
    height: 0.27rem;
    opacity: 1;
    /* background: none; */
    background: url(/_upload/tpl/00/04/4/template4/images/dot.png);
}
.main1 .inner {
    padding: 0.77rem 0 1.82rem;
    position: relative;
}

.post1 .tit {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Roboto";
}

.post1 .tt .more_btn {
    position: absolute;
    width: auto;
    transform: translateX(-50%);
    left: 50%;
}

.post1 .tt .title {font-size: 0.5rem;line-height: 0.67rem;text-transform: uppercase;}

.post1 .tit .tt_en {
    font-size: 0.16rem;
    line-height: 0.19rem;
    font-weight: normal;
    color: #BB8181;
}

.post1 .tt {
    margin-bottom: 0.67rem;
}

.post1.post-11 .tt .more_btn {
    bottom: 0.63rem;
}

.post1 .tt .more_btn a {
    display: inline-block;
    width: 1.96rem;
    line-height: 0.48rem;
    color: #fff;
    background: #A41B2F;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.post-11 .con {
    display: flex;
}

.post-11 .con .listl {
    float: left;
    width: 51%;
    flex: none;
    padding: 0.48rem 0.14rem 0.48rem 0.35rem;
    background: url(/_upload/tpl/00/04/4/template4/images/newsbg1.png);
    box-sizing: border-box;
    background-size: 100% 100%;
}
.post-11 .listl .news_imgs a {
    display: block;
    padding-top: 56.5%;
}

.post-11 .con .listr {
    flex: 1;
    /* width: initial; */
    width: 49%;
    padding-left: 0.59rem;
    padding-top: 0.6rem;
}

.post1.post-11 .tt {
    margin-bottom: 0.39rem;
}
.post1 .news .news_date {
    font-size: 0.22rem;
    line-height: 30px;
    color: #A41B2F;
}

.post1.post-11 .news .news_date {
    margin-bottom: 0.227rem;
}

.post-11 .news .news_title {
    font-size: 0.28rem;
    line-height: 0.32rem;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.post-11 .listr .news .news_title a {
    margin-bottom: 0.337rem;
    display: inline-block;
}

.post-11 .listr .news .news_title:after {
    content: "";
    display: block;
    width: 1.04rem;
    height: 0.07rem;
    background: #A41B2F;
}

.post-11 .listr .news .news_title {
    margin-bottom: 0.385rem;
}

.post-11 .listr .news .news_text {
    font-size: 0.2rem;
    line-height: 0.3rem;
}

.post-11 .listr .news .news_text a {
    color: #666666;
    opacity: 0.7;
}
li.news.n1 {}

.post-12 .news_list .news {
    float: left;
    width: 33.3%;
}

.post-12 .news_list .news_box {
    margin: 0 0.1rem;
    height: 2.4rem;
    box-shadow: 0 0.03rem 0.06rem rgb(0 0 0 / 16%);
    padding: 0.37rem 0.77rem 0 0.34rem;
    box-sizing: border-box;
    transition: 0.6s;
    background-color: #fff;
    background-position: 1rem 1rem;
    /* background: #fff; */
}

.post-12 .news_list {
    margin: 0 -0.1rem;
}

.post-12 .news .news_date {
    margin-bottom: 0.2rem;
}

.post-12 .news .news_title {
    font-size: 0.2rem;
    line-height: 0.3rem;
    font-weight: bold;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.post-12 .news_list .news_box:hover {
    background: #fff url(images/newbg4.png) no-repeat right bottom;
}.main2 .inner {
    padding: 0.88rem 0 2.03rem;
    position: relative;
}

.main2 {
    background: url(/_upload/tpl/00/04/4/template4/images/main2bg.jpg)no-repeat;
    background-size: cover;
}
.post1.post-21 .tt .title {
    color: #fff;
}

.post1.post-21 .tit .tt_en {
    color: #fff;
    opacity: 0.8;
}

.post1.post-21 .tt .more_btn {
    bottom: 0.72rem;
}

.post1.post-21 .tt .more_btn a {
    background: #DDA723;
}
.post-21 .news_list .news_imgs a {
    padding-top: 77%;
    display: block;
}

.post-21 .news .news_box {
    margin: 0 0.2rem;
    =: 200;
}

.post-21 .news_list {
    margin: 0 -0.2rem;
}
.post-21 .news_list .news_imgs {
    margin-bottom: 0.36rem;
}

.post-21 .news_list .news_date {
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.24rem;
    margin-bottom: 0.23rem;
}

.post-21 .news_list .news_title {
    font-size: 0.2rem;
    line-height: 0.3rem;

    font-weight: bold;
}

.post-21 .news_list .news_title a {
     text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #fff;
}

.main3 .inner {
    padding: 0.8rem 0 2.14rem;
}
.main3 {
    background: #fff;
    overflow: hidden;
}
.post1.post-31  .tt .more_btn {
    bottom: 0.9rem;
}
.post-31 .con:after {
    content: '"';
    display: block;
    height: 100%;
    position: absolute;
    background: #A41B2F url(images/lou.png)no-repeat bottom right;
    width: 92.5%;
    right: 0;
    top: 0;
}

.post-31 .con {
    position: relative;
    padding: 0.39rem 0;
}
.post-31 .news_list {
    position: relative;
    z-index: 1;
}
.post-31 .list1 .news_imgs a {
    display: block;
    padding-top: 57%;
}

.post-31 .list1 .slick-list {
    overflow: inherit;
}

.post-31 .list1 .news_box {
    padding: 0 0.83rem;
    width: 9.02rem;
    /* box-sizing: border-box; */
}

.post-31 .list1 {
    /* margin: 0 -0.415rem; */
    transition: all 1s ease-out 0s;
    transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -webkit-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    opacity: 0;
}

.post-31 .list1 .slick-current .news_imgs {
    width: 9.02rem;
    overflow: hidden;

}
.post-31 .list1 .slick-active.slick-center {
    width: 14.6rem;
}


.post-31 .news_list.list2 {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    width: calc(100% - 9.02rem);
    padding: 1.15rem 0.79rem 0 0.57rem;
    transform: translateX(80px);
    -ms-transform: translateX(80px);
    -moz-transform: translateX(80px);
    -webkit-transform: translateX(80px);
    -o-transform: translateX(80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
}

.post-31 .list1 .slick-center .news_box {
    padding: 0;
}

.post1.post-31  .news .news_date {
    color: #fff;
    font-size: 0.18rem;
    line-height: 0.24rem;
    margin-bottom: 0.37rem;
}

.post-31 .list2 a {
    color: #fff;
}

.post-31 .list2 .news_title {
    font-size: 0.24rem;
    line-height: 0.32rem;
    font-weight: bold;
    margin-bottom: 0.56rem;
}

.post-31 .list2 .news_text {
    font-size: 0.16rem;
    line-height: 0.3rem;
    white-space: normal;
}

.post-31 .slick-prev, .post-31  .slick-next {
    width: 0.74rem;
    height: 0.74rem;
    background: #A41B2F;
    border-radius: 50%;
    z-index: 2;
    margin-top: -0.32rem;
}

.post-31 .slick-prev {
    background-repeat: no-repeat;
    background-image: url(/_upload/tpl/00/04/4/template4/images/left.png);
    background-position: center;
    left: -1.18rem;
}
.post-31 .slick-prev:hover, .post-31 .slick-next:hover {
    background-color: #DDA723;
}
.post-31 .slick-next {
    background-repeat: no-repeat;
    background-image: url(/_upload/tpl/00/04/4/template4/images/right.png);
    background-position: center;
    right: -1.18rem;
}
.main4 .inner {
    padding: 0.64rem 0 1.24rem;
}

.main4 {
    background: url(/_upload/tpl/00/04/4/template4/images/main3bg.jpg) no-repeat top;
    /* position: relative; */
    background-size: 100% 4.36rem;
}
.post1.post-41 .tt .title {
    color: #fff;
}

.post1.post-41 .tit .tt_en {
    color: #fff;
    opacity: 0.8;
}

.post1.post-41 .tt .more_btn {
    bottom: 0;
}

.post-41 .news_list .news {
    width: 20%;
    float: left;
    transform: translateY(80px);
    -ms-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -o-transform: translateY(80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
}

.post-41 .news_list .news_box {
    height: 4.2rem;
    padding: 0.46rem 0.45rem 0.26rem 0.45rem;
    box-sizing: border-box;
    position: relative;
    transition: all 1s ease-in-out;
}



.post-41 .news_list .news_box:before {
    content: "";
    display: block;
    background: #fff;
    /* width: 100%; */
    /* height: 100%; */
    z-index: 1;
    position: absolute;
    left: 0.18rem;
    right: 0.18rem;
    top: 0.17rem;
    bottom: 0;
}

.post1.post-41 .news .news_date {
    font-size: 0.18rem;
    color: #DDA723;
    line-height: 0.24rem;
    margin-bottom: 0.32rem;
    position: relative;
    z-index: 1;
}

.post1.post-41 .news .news_title {
    font-size: 0.2rem;
    line-height: 0.3rem;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.post-41 .news_list .news_box:hover:before {
    display: none;
}

.post-41 .news_list .news_box:hover {
    background: url(/_upload/tpl/00/04/4/template4/images/newsbg2.png)no-repeat top;
    background-size: 100% 100%;
    /* height: 4.2rem; */
}
.post1.post-41 .news_box:hover .news_date {
    color: #fff;
}

.post1.post-41 .news_box:hover .news_title a {
    color: #fff;
}

.main5 .inner {
    padding: 0.83rem 0;
    z-index: 2;
}

.wrap:after {
    content: "";
    display: block;
    /* width: 100%; */
    position: absolute;
    width: 100%;
    top: 0;
    /* bottom: 0; */
    background: #FCFCFC url(images/main4bg.jpg) no-repeat bottom;
    z-index: -1;
    height: 100%;
    background-attachment: fixed;
    /* z-index: -1; */
    background-size: cover;
}
.main5:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 4.25rem;
    background: #A41B2F;
    display: block;
    bottom: 0;
    z-index: 1;
}

.post-51 .news_imgs a {
    display: block;
    padding-top: 66.5%;
    box-shadow: 0 0.03rem 0.06rem rgb(0 0 0 / 16%);
}

.post-51 .news {
    float: left;
    width: 50%;
    transform: translateY(-80px);
    -ms-transform: translateY(-80px);
    -moz-transform: translateY(-80px);
    -webkit-transform: translateY(-80px);
    -o-transform: translateY(-80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
}

.post-51 .news_box {
    margin: 0 0.3rem;
    /* box-shadow: 0 0.03rem 0.06rem rgb(0 0 0 / 16%); */
}

.post-51 .news_list {
    margin: 0 -0.3rem;
}

.post-51 .news_title {
    margin-top: 0.35rem;
    text-align: center;
    text-transform: uppercase;
    /* padding-left: 0.38rem; */
    /* background: url(/_upload/tpl/00/04/4/template4/image/tt_icon.png)no-repeat left; */
    display: i;
}

.post-51 .news_title a {
    color: #fff;
    font-size: 0.28rem;
    line-height: 0.32rem;
    font-weight: bold;
    padding-left: 0.38rem;
    background: url(/_upload/tpl/00/04/4/template4/images/tit_icon.png)no-repeat left;
}
.post-51 .news_box:hover .news_imgs a {
    transform: scale(1.1);
}

.post-51 .news_imgs {
    overflow: hidden;
}

.foot-left2 {
    float: left;
    margin-top: 0.08rem;
}

.post-31 .list1 .slick-current .news_imgs:hover a {
    transform: scale(1.1);
}

.post-21 .news_list .news_box:hover .news_imgs a {
    transform: scale(1.1);
}

.post-21 .news_list .news_box .news_imgs {
    overflow: hidden;
}

.post-21 .news {
    transform: translateY(80px);
    -ms-transform: translateY(80px);
    -moz-transform: translateY(80px);
    -webkit-transform: translateY(80px);
    -o-transform: translateY(80px);
    opacity: 0;
    transition: all 1s ease-out 0s;
}

.main2.showdiv .post-21 .news {
    opacity: 1;
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}

.main3.showdiv .post-31 .list1 {
     opacity: 1;
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}

.main3.showdiv .post-31 .list2 {
     opacity: 1;
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}
.main4.showdiv .post-41 .news_list .news{
       opacity: 1;
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}

.main5.showdiv .post-51 .news {
         opacity: 1;
    transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    -o-transform: none;
}
/***********************************************************
 * 列表页
 */
/**首页三列布局**/
/**列表页**/
/*栏目图片*/
.l-banner{height: 235px;background-position:center center;background-repeat:no-repeat;text-align:center;}
.l-banner img{display:none;height:100%;vertical-align:top;}
/**主体列表页开始**/
#l-container {}
#l-container .inner {padding:25px 10px;}
/**主体文章页开始**/
#d-container {}
#d-container .inner {background:#fff;}

.col_menu {width: 240px;float:left;margin-right:-240px;position:relative;} 
.col_menu .l-qh{ margin-bottom:10px;}
.col_menu .col_menu_head {background: #0f429b;}/**位置栏目背景**/
.col_menu .col_menu_head h3.col_name {font-size: 18px;font-weight:normal;color:#fff;}/**位置栏目字体**/
.col_menu .col_menu_head h3.col_name .col_name_text { display:block; line-height:50px; padding:0px 5px 0px 30px;}/**栏目名称图标**/
.col_menu .col_menu_con{border:1px solid #e4e4e4;}
/*栏目列表*/
.col_list{}
.col_list .wp_listcolumn { border-top:0px solid #2867A0; border-bottom:0px solid #fff; }
.col_list .wp_listcolumn .wp_column a {color:#333;font-size: 15px;font-weight:normal;background:none;border-top:0px solid #fff;border-bottom: 1px solid #F6EAEA;}
.col_list .wp_listcolumn .wp_column a .column-name{padding:5px 0px 5px 28px;line-height:32px;}
.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected { color:#0f429b; background:#eee; } 
.col_list .wp_listcolumn .wp_column a.selected span.column-name{color: #0f429b;}
.col_list .wp_listcolumn .wp_subcolumn .wp_column a{ color:#454545;background:none; border-top:1px solid #fff; border-bottom:1px solid #bbb;}
.col_list .wp_listcolumn .wp_column.parent > a .column-name{font-weight:bold; color:#0f429b;}
/*二级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list a {color:#333;border-top:1px solid #eee;margin-top:-1px;} 	
.col_list .wp_listcolumn .sub_list a .column-name {display:inline-block;line-height: 28px;padding: 5px 10px 5px 44px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {font-weight:bold; font-weight:bold;color:#0f429b;} 
/*三级子栏目**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a{} 	
.col_list .wp_listcolumn .sub_list .sub_list a .column-name {padding: 5px 10px 5px 60px;cursor:pointer;}
.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {font-weight:bold; color:#0f429b;} 
/**栏目新闻**/
.col_news {width: 100%;min-height:500px;float:right;} 
.col_news .col_news_box{margin-left: 290px;}
.col_news_head {border-bottom: 1px solid #DBDBDB;}
.col_metas .col_title { display:inline-block; float:left; height: 48px; line-height: 48px; }  /**当前栏目**/
.col_metas .col_title h2 {display:inline-block;font-size: 18px;font-family:"Microsoft yahei";font-weight: normal;color: #0f429b;border-bottom: 3px solid #CBCBCB;}
.col_metas .col_path {display:inline-block;float:right;white-space:nowrap;height: 46px;line-height: 46px;color: #666;} /**当前位置**/
.col_metas .col_path a{color: #2F2F2F;}
.col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
.col_news_list { margin-top:7px;}
.col_news_list .wp_article_list .list_item {} /**栏目新闻列表**/
.col_news_list .wp_article_list .list_item .Article_Index {}  /**栏目新闻图标序号**/
.col_news_list .wp_entry,.col_news_list .wp_entry p { line-height:1.75; font-size:14px; color:#333;}
.col_news_list .wp_entry p { margin-bottom:10px;}
.col_news_list .wp_entry table{ margin-bottom:4px;}
.col_news_list .wp_entry img { max-width:680px; _width:expression(this.width > 680 ? "680px" : this.width); } /**列表页文章图片大小限制**/
/**文章页**/
.infobox {padding:20px 60px; margin:0 auto; width:auto;}
.article {padding-top:10px;}
.article h1.arti_title {line-height: 36px;font-family: "Microsoft YaHei";font-size:22px;text-align:center;color: #182880;} /**文章标题**/
.article h2.arti_title {line-height: 34px;font-family: "Microsoft YaHei";font-size: 17px;text-align:center;color: #1B1B1B;} /**文章副标题**/
.article .arti_metas {padding:10px;text-align:center;/* border-top:1px solid #ececec; */}
.article .arti_metas span { margin:0 5px; font-size:12px; color:#787878;}/**文章其他属性**/
.article .entry { margin:0 auto; overflow:hidden;margin-top:10px;} /**文章内容**/
.article .entry .read,.article .entry .read p { line-height:1.75; font-size:14px; color:#333;}  /**阅读字体**/
.article .entry .read p { margin-bottom:10px;}
.article .entry .read img {margin:0 auto; max-width:940px; _width:expression(this.width > 940 ? "940px" : this.width); }   /**文章阅读部分图片大小限制**/
.article .entry .read table{margin:0 auto; border:none!important;}
/**页脚开始**/
#footer {background: #302A29;    padding: 1px 0;}
#footer .foot1 .inner {padding: 0.55rem 0px;position:relative;}
#footer .inner .mod{}
#footer .inner .foot-left{float:left;/* padding:12px 0px; *//* margin-top:10px; */}
#footer .inner .foot-right{float:right;/* margin-top: 12px; */}
#footer .inner p{font-size: 0.16rem;line-height: 0.28rem;font-weight:normal;text-align:left;color: #fff;opacity: 0.6;}
#footer .inner p span { margin:0 3px; }
#footer .inner .copyright{}
#footer .inner .copyright span{}
#footer .inner .copyright a{color:#eee;}
#footer img {
    width: 100%;
}
.foot1 {
    border-bottom: 1px solid #707070;
}

.foot2 .inner {
    padding: 0.55rem;
}
/**************************************************************
 * 组件功能
 */
/*系统默认搜索*/
.wp_search{display:inline-block;position:relative;padding-left: 0.4rem;border: 1px solid #d0d0d0;}
.wp_search #keyword{ width:160px!important;padding: 4px 0; border:none;height:20px; line-height:20px; background:transparent; color:#fff; }
.wp_search .search{width:32px;height: 30px;border:0px;cursor: pointer; vertical-align:top; }
/*自定义输入框*/
.searchbox{text-align:right;margin-top:5px;width: 6rem;max-width: 80%;margin: 0 auto;position: relative;z-index: 1;}
.wp-search {position: relative;/* border: 1px solid #fff; */border-radius: 5px;overflow: hidden;background: #fff;}
.wp-search form {display: block;}
.wp-search .search-input {margin-left: 12px;margin-right: 40px;}
.wp-search .search-input input.search-title {width: 100%;height: 0.51rem;/* padding: 0.04rem 0; */line-height: 0.4rem;background: none;color: #333;font-size: 0.16rem;border:0;outline: 0;border-radius: none;font-family: "微軟雅黑";}
.wp-search .search-btn {width: 0.6rem;height: 0.5rem;position: absolute;right: 0;top:0%;/* padding: 0 19px; *//* background: #fff; */margin: 0;}
.wp-search .search-btn input.search-submit {height: 100%;border:0;outline: 0;cursor: pointer;color: #333;font-size: 16px;font-family: "微軟雅黑";width: 100%;background: url(/_upload/tpl/00/04/4/template4/images/sous.png) no-repeat center;/* background-size: 1.44rem; */}
.wrapper.fixbox.search {
    z-index: 3;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-out 0s;
    top: 0;
    right: 0;
     background: none; 
    height: 100%;
    z-index: 999;
    background-size: cover;
    box-sizing: border-box;
}
.wrapper.fixbox.search.open {
    opacity: 1;
    visibility: inherit;
}
.wrapper.fixbox.search:after {
    content: "";
    display: block;
    visibility: inherit;
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #A41B2F;
    backdrop-filter: blur(16px);
    opacity: 0.8;
}
.closebox {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    cursor: pointer;
    z-index: 1;
}
/* 分享二维码 */
.shares{text-align:center;}
.shares ul{width:auto; margin:0 auto;text-align: right;float:right;}
.shares li{float:left;margin: 0 0.075rem;position:relative;}
.shares li a{display:inline-block;width: 45px;height: 45px;border: 0px solid red;background:url('/_upload/tpl/00/04/4/template4/images/share_icon.png') no-repeat;/* opacity:.6; */filter:Alpha(opacity=60);vertical-align:top;}
.shares li a:hover{ opacity:1; filter:Alpha(opacity=100); }
.shares li.i1 a{background-position:0px 0px;}
.shares li.i2 a{background-position: -57px 0px;}
.shares li.i3 a{background-position: -114px 0px;}
.shares li.i4 a{background-position: -174px 0px;}
.shares li.i5 a{background-position: -229px 0px;}
.shares li span{display:block; line-height:22px; font-size:12px; color: #D0D4EA;text-align:center;}
.shares li .con{display:none; position:absolute; bottom: 80px; left:50%;z-index:100; margin-left: -50px; width:100px;}
.shares li .con img{ width: 90px; height:90px; vertical-align:top; background:#fff;}


.topcontrol {
    position: fixed;
    bottom: 2rem;
    right: 2%;
    z-index: 1;
    background: #fff;
    width: 0.8rem;
    height: 0.8rem;
    /* display: flex; */
    align-items: flex-start;
    line-height: 0.8rem;
    text-align: center;
    display: none;
    box-shadow: 0 0 6px rgb(51 51 51 / 30%);
}

.topcontrol img {
    vertical-align: middle;
}