@charset "UTF-8";
ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
address,caption,cite,code,dfn,i,em,th,var{ font-style: normal; font-weight: normal;}
a{ text-decoration:none; color:#333;}
a:hover{ cursor: pointer;}
img{ border: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}
h1{ font-size: calc(12px + 0.24rem);}
h2{ font-size: calc(12px + 0.12rem);}
h3{ font-size: calc(12px + 0.1rem);}
h4{ font-size: calc(12px + 0.06rem);}
h5{ font-size: calc(12px + 0.02rem);}
h6{ font-size: 12px;}
input,table,tr,td{ margin: 0; padding: 0; border: none;  }
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;} 
body{ background:#fff; color:#333; font-size:calc(14px + 0.02rem); line-height:calc(24px + 0.02rem);}

html{
  font-size: 6.99vw;
}
@media screen and  (min-width:1430px){
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}


.w_width{max-width:1430px; margin-right: auto; margin-left: auto; position:relative; z-index:17;}
.ctext{float: left;width: 100%;padding-left: 0.8rem;padding-right: 0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}


.head{ float:left; width:100%; position:fixed; left:0; top:0; z-index:18; padding:0 0.58rem;}
.head.Active{ background:#f5f5f5; border-bottom:1px solid #ededed; box-shadow:0 0 0.29rem rgba(0,0,0,0.29);}
.head.active{ background:#fff; border-bottom:1px solid #ededed; box-shadow:0 0 0.29rem rgba(0,0,0,0.29);}
.head ._nav_event{ float:left; width:100%;}
.head .logo{ float:left; margin:calc(24px + 0.1rem) 0; }
.head .logo a{ float:left; line-height:0; overflow:hidden;}
.head .logo img{ height:50px;}
.head .logo .show{ display:block;}
.head .logo .hide{ display:none;}
.head.active .logo .show,
.head.Active .logo .show{ display:none;}
.head.active .logo .hide,
.head.Active .logo .hide{ display:block;}
.head .lang{ float:right; color:#fff; font-weight:bold; color:#fff; font-size:calc(12px + 0.08rem); line-height:calc(56px + 0.56rem); text-transform:uppercase; position:relative;}
.head .lang a:after{ float:left; width:0; height:2px; content:''; z-index:6; position:absolute; left:50%; top:50%; margin-top:calc(11px + 0.06rem); background:#fff;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.head .lang a{ float:left; color:#fff;}
.head .lang a:hover:after{ width:100%;}
.head.active .lang a,
.head.Active .lang a{ color:#000;}
.head.active .lang a:hover,
.head.Active .lang a:hover{ color:#b1040e;}
.head.active .lang a:hover:after,
.head.Active .lang a:hover:after{ background:#b1040e;}

.head .so_box{ float:right; position:relative; z-index:5; width:24px; height:calc(56px + 0.56rem); background:url(../img/search.svg) center no-repeat; background-size:22px auto; z-index:8; cursor:pointer;  }
.head .so_box:after{ float:left; width:1px; height:18px; content:''; position:absolute; left:-0.25rem; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); background:#dcdcdc;}
.head.active .so_box,
.head.Active .so_box{ background:url(../img/search-red.svg) center no-repeat; background-size:22px auto;}

.soDown{ display:none; float:left; width:100%; background:#d82225; position:absolute; left:0; top:100%; padding-top:calc(10px + 0.47rem); padding-bottom:calc(10px + 0.47rem);  }
.soDown .tit{ padding:0 2.5%; font-weight:bold; text-transform:uppercase; float:left; width:100%; color:#000000; font-size:calc(12px + 0.18rem); line-height:calc(22px + 0.18rem);}
.soDown .Crumbs{ padding:0 2.5%; float:left; width:100%; color:#999999; font-size:calc(12px + 0.04rem); line-height:calc(22px + 0.04rem); margin-top:calc(10px + 0.05rem);}
.soDown .Crumbs  a{ color:#999999; margin:0 0.16rem;}
.soDown .Crumbs  a:first-child{ margin-left:0;}
.soDown .Crumbs  a:hover,
.soDown .Crumbs  a.on{padding: 0 0.7em; color: #dd0505;}
._searchs{ float:left; width:100%; padding:calc(10px + 0.2rem) 2.5% 0 2.5%;}
._searchs .but{ float:left; width:calc(50px + 1.87rem); height:calc(36px + 0.36rem); background:none; border:2px solid #b1040e; text-transform:uppercase; color:#b1040e;font-size:calc(12px + 0.06rem); line-height:calc(32px + 0.36rem); font-weight:bold;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._searchs .but:hover{ background:#b1040e; color:#fff;}
._searchs .txt{ float:left; width: calc(100% - 60px - 2rem); height:calc(36px + 0.36rem); padding: 0.13rem calc(5px + 0.3rem); background: #fff; color:#c6c6c6; font-size:16px; font-size:calc(12px + 0.12rem); line-height:calc(28px + 0.16rem); margin-right:calc(10px + 0.13rem);border:1px solid #fff;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; }
._searchs .txt:focus{border:1px solid #b1040e;}

.menu{ float:right; margin-right:0.32rem;}
.menu .ul{ float:left;}
.menu .nli{ float:left; position:relative; margin-right:0.3rem;}
.menu .nli span a{ float:left; position:relative;text-transform:capitalize; color:#fff; font-size:calc(12px + 0.06rem); line-height:calc(56px + 0.56rem); white-space:nowrap; }
.menu .nli span a i{ position:absolute; left:50%; top:0; font-weight:bold; opacity:0;
                     -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.menu .nli span a:after{ float:left; width:0; height:2px; content:''; z-index:6; position:absolute; left:50%; top:50%; margin-top:calc(11px + 0.06rem); background:#fff;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);}
.menu .nli.active span i,
.menu .nli:hover span i{ opacity:1;}
.menu .nli.active span font,
.menu .nli:hover span font{ opacity:0;}
.menu .nli.active span a:after,
.menu .nli:hover span a:after{width:110%;}
.menu .ul{ float:left; width:100%; display: flex; justify-content: space-between;}
.menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; background:#fff; width:308px; transform:translateX(-50%); -ms-transform:translateX(-50%); box-shadow:0 0.08rem 0.27rem rgba(0,0,0,0.36); padding:1px 1px 0 1px;}
.menu .sub li{ float:left; width:100%; margin-bottom:1px; }
.menu .sub li a{ float:left; width:100%; background:#e3dfdf; color:#000000; font-size:calc(12px + 0.04rem); line-height:calc(23px + 0.04rem);  padding:0.2rem calc(6px + 0.3rem);}
.menu .sub li a:hover{ background:#fff; color: #b1040e;}


.head.active .menu .nli.active span a:after,
.head.Active .menu .nli.active span a:after{ background:#b1040e;}
.head.active .menu .nli span a,
.head.Active .menu .nli span a{ color:#000000;}
.head.active .menu .nli.active span a,
.head.Active .menu .nli:hover span a{ color:#b1040e;}


.xialaph{ position: fixed; left: 0; top:60px; float: left; width: 100%; height:-webkit-calc(100vh - 60px); height:-moz-calc(100vh - 60px); height:calc(100vh - 60px); overflow: scroll; padding:10px 15px 50px 15px; display: none; z-index:16; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #000; font-size:16px; line-height: 26px; text-transform: uppercase; padding:14px 0;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i,
.xialaph h5 i{ float:left; width:9px; height:9px; position:absolute; right:0; top:50%; border-top:1px solid #000; border-right:1px solid #000; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i,
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #b1040e; border-right:1px solid #b1040e; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity:0.2;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #b1040e;}
.xialaph h5:hover a{ color: #b1040e;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #000;opacity:0.2;}
.xialaph h5 a{ float: left; width:100%; color: #333; font-size: 14px; line-height:24px; text-transform: uppercase; padding:12px 0;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.2;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul1{ float: left; width: 100%; border-bottom:1px solid rgba(0,0,0,0.1);}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ float:left; width:100%; padding:12px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.2;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li a{ float:left; width:100%; color: #333; font-size: 14px; line-height:26px; }
.xialaph .ul3 li:hover a{ color: #032980;}

.so_ph{ display:none; float:left; width:100%; background:#333; position:relative;border-radius:5px; overflow:hidden; margin-top:20px;}
.so_ph .Search{ float:left; width:100%; height:44px; background:none; border:none; line-height:30px; padding:7px 45px 7px 18px; color:#fff; font-size:17px;text-transform: uppercase;}
.so_ph .sear_sub{ float:right; width:44px; height:44px; border:none;background:url(../img/search.1.svg) center no-repeat; position:absolute; right:8px; top:0;}
.so_ph ::-webkit-input-placeholder{color:#fff}
.so_ph :-moz-placeholder{color:#fff}
.so_ph ::-moz-placeholder{color:#fff}
.so_ph :-ms-input-placeholder{color:#fff}

.menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:19px 0;}
.menuph .point { float:left; width: 28px;  height: 22px; position: relative;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px;}
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #fff;
-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;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #fff;
-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;}
.menuph .navbtn::after { top: -10px;}
.menuph .navbtn::before { top: 10px;}
.menuph .point.active .navbtn{ background: transparent !important;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}

.head.active .menuph .navbtn,
.head.active .menuph .navbtn::after,
.head.active .menuph .navbtn::before,
.head.Active .menuph .navbtn,
.head.Active .menuph .navbtn::after,
.head.Active .menuph .navbtn::before{ background:#000000;}

@media  screen and (max-width:1760px){
.menu{ margin-right:0.21rem;}
.menu .nli{ margin-right:0.17rem;}
}
@media  screen and (max-width:1600px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.32rem;}
.menu .nli span a{ font-size:calc(12px + 0.06rem);}
.head .so_box{ margin-left:0.36rem;}
.head .so_box:after{ left:-0.18rem;}
}
@media  screen and (max-width:1400px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.3rem;}
.menu .nli span a{ font-size:calc(12px + 0.06rem);}
.head .so_box{ margin-left:0.36rem;}
.head .so_box:after{ left:-0.18rem;}
}
@media  screen and (max-width:1200px){
.menu{ margin-right:0.1rem;}
.menu .nli{ margin-right:0.25rem;}
.menu .nli span a{ font-size:calc(12px + 0.04rem);}
.head .so_box{ margin-left:0.36rem;}
.head .so_box:after{ left:-0.18rem;}
}

@media  screen and (max-width:1024px){
.menu{ display:none;}
.menuph{ display:block;}
.head .logo{ margin:0;height:60px;flex-wrap:wrap; display: flex; align-items: center;}
.head .logo img{ height:34px;}
.head .lang{ line-height:60px; font-size:16px;}
.head .so_box{ height:60px; margin:0 10px 0 21px;}
.head .so_box:after{ left:-11px; height:14px;}
.soDown .tit{ padding:0; }
.soDown .Crumbs{ padding:0; }
._searchs{ padding:calc(10px + 0.2rem) 0 calc(10px + 0.05rem) 0;}
}


.index-banner{ float:left; width:100%;}
.index-banner a{ float:left; width:100%; position:relative;}
.index-banner a:after{ float:left; width:100%; height:calc(100vh - 68px); content:''; position:absolute; left:0; background:#000; opacity:0.39; z-index:1;}
.pangea-cmp .ban_show{ height:calc(100vh - 68px);}
.js-banner{ float:left; width:100%; position:relative; overflow:hidden; position:absolute; left:0; bottom:68px; z-index:6; padding-left:0.7rem; padding-right:0.7rem;}
.js-banner .cont{ float:left; width:100%; position:relative; padding:calc(10px + 0.52rem) 22.37% calc(10px + 0.73rem) calc(10px + 0.66rem); background:url(../img/ban.png) left center no-repeat #d82225; background-size:auto 100%;}
.js-banner .cont::after{ float:left; width:100%; height:100%; content:''; position:absolute; left:98%; top:0; content:''; background:#d82225; z-index:1;}

.js-banner .text{ float:left; width:100%; font-weight:bold; color:#fff; font-size:calc(12px + 0.16rem); line-height:calc(20px + 0.18rem); height:calc(60px + 0.54rem);  position:relative; z-index:3;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.js-banner .text a{color:#fff; }
.js-banner .cont:hover .text{ color:#ddd;}
.banner_ph{ display:none !important; float:left; width:100%; line-height:0; overflow:hidden;}
.banner_ph .div{ float:left; width:100%; position:relative; line-height:0;}
.banner_ph .div .bg{float:left; width:100%; background:#000;}
.banner_ph .div .bg img{ opacity:0.61;}
.banner_ph .slick-dots{ text-align:left; bottom:0;height:4px; background:#d82225; overflow:hidden; left:15px; width:calc(100% - 15px); padding:0 15px 0 0;    display: none !important;}
.banner_ph .slick-dots li{ float:left; width:3rem; height:4px; margin:0; background:#d82225;}
.banner_ph .slick-dots li button{ display:none;}
.banner_ph .slick-dots li.slick-active{ background:#b1040e;}

@media (max-width: 1024px){
    .pangea-cmp[data-size-desktop=size-full]{ display:none !important;}
    .index-banner a:after{ display:none;}
    .banner_ph{ display:block !important;}
    .js-banner{ position:relative; padding-left:15px; padding-right:15px; margin-top:11px;}
    .js-banner .cont{ padding:calc(8px + 0.3rem) calc(25px + 0.4rem) calc(8px + 0.3rem) 15px;}
    .js-banner .text{ line-height:calc(20px + 0.1rem); height:calc(40px + 0.2rem);}

}


.main-content {
  position: fixed;
  top: 100%; margin-top:calc(56px + 0.56rem);
  left: 0;
  z-index: 10;
  width: 100%;
  height: auto;
  background: white;
  overflow: auto;
  outline: none;
  transition: top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;
}
@media (max-width: 1024px){
.main-content {position:static !important;margin-top:0;}

}



.footerC{ float:left; width:100%; background:#222222; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); padding:calc(10px + 0.45rem) 0.58rem; display: flex;  justify-content: space-between;}
.footerC .nav{ float:left;flex-wrap:wrap; display: flex;flex-direction:column ; margin-right:calc(5px + 0.1rem);}
.footerC .nav:last-child{ margin-right:0;}
.footerC .nav span{ float:left; color:#fff; font-size:calc(12px + 0.12rem); line-height:calc(22px + 0.14rem);}
.footerC .nav span a{ float:left; color:#fff;}
.footerC .nav ul{ float:left;flex-wrap:wrap; display: flex;flex-direction:column ; margin-top:calc(8px + 0.08rem); }
.footerC .nav ul li{ float:left; color:#fff; color:rgba(255,255,255,0.6);font-size:calc(12px + 0.02rem); line-height:calc(22px + 0.04rem); }
.footerC .nav ul li a{ float:left; color:#fff; color:rgba(255,255,255,0.6);}
.footerC .nav ul li a:hover{ color:rgba(255,255,255,1);}
.footerC .line{ float:left; width:1px; position:relative; margin-right:calc(5px + 0.1rem);}
.footerC .line:after{ float:left; width:1px; height:100%; content:''; position:absolute; left:0; top:0;background:#fff; opacity:0.1; }
.footerC .mt26{ margin-top:calc(10px + 0.16rem); }
.footerD{ float:left; width:100%; background:#222222; padding:calc(10px + 0.05rem) 0.58rem;}
.footerD .Copyright{ float:left; width:100%; text-align:center; color:#fff; color:rgba(255,255,255,0.6); font-size:calc(12px + 0.02rem); line-height:calc(22px + 0.04rem); }
.footerD .Copyright a{ float:left; color:#fff; color:rgba(255,255,255,0.6);}
.footerD .Copyright a:hover{ color:rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,0.1);}
.footerT{ float:left; width:100%; background:#222222; padding:calc(17px + 0.05rem) 0.58rem;}
.footerT .logo{ float:left;}
.footerT .logo a{ float:left; line-height:0; overflow:hidden;}
.footerT .logo img{ height:calc(36px + 0.3rem);}
.footerT .links { float:right; position:relative; margin:0.14rem 0 0.14rem calc(10px + 0.2rem); width:calc(118px + 1rem);}
.footerT .links span{ float:left; width:100%; position:relative; color:#fff; color:rgba(255,255,255,0.6); font-size:calc(12px + 0.02rem); line-height:calc(36px + 0.02rem); height:calc(36px + 0.04rem); border:1px solid rgba(255,255,255,0.1);padding: 0 calc(6px + 0.07rem); cursor:pointer; }
.footerT .links span:after {float: left;width:8px;height: 8px;content: "";position: absolute;right:calc(6px + 0.07rem);top: 50%; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg);border-right: 2px solid #fff; border-top:2px solid #fff; opacity:0.7;}
.footerT .links.active span:after {transform:translateY(-50%) rotate(-45deg); -ms-transform:translateY(-50%) rotate(-45deg); margin-top:2px; }
.footerT .links dl { float:left; display: none; width:100%;position: absolute;right: 0;bottom: 100%;background: #393939; padding:calc(5px + 0.05rem) 0;}
.footerT .links dl dd {float:left;width: 100%;}
.footerT .links dl dd a {float:left; width: 100%; color: #fff; color:rgba(255,255,255,0.6); font-size: calc(12px + 0.02rem);line-height:calc(22px + 0.06rem); padding: 0 calc(6px + 0.07rem);}
.footerT .links dl dd a:hover{ color:#b1040e;}
.footerT .share{ float:right;margin:0.14rem 0;}
.footerT .share li{ float:left; position:relative; margin:0 calc(3px + 0.02rem);}
.footerT .share li a{ float:left; width:calc(36px + 0.04rem);height:calc(36px + 0.04rem); border-radius:50%; background:rgba(255,255,255,0.1);}
.footerT .share li a img{ float:left; width:calc(18px + 0.04rem);height:calc(18px + 0.04rem); border-radius:50%; opacity:0.6; margin:9px;}
.footerT .share li:hover a img{ opacity:1;}
.footerT .share li .WeChat{ float:left; position:absolute; z-index:4; bottom:100%; margin-bottom:10px; left:50%; background:#fff; line-height:0; padding:3px; box-shadow:0 3px 6px rgba(255,255,255,0.1);  border-radius:3px; width:110px; margin-left:-55px;
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footerT .share li .WeChat:after{ float:left; width:0; height:0; content:''; position:absolute; left:50%; top:100%; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; margin-left:-6px; }
.footerT .share li:hover .WeChat{
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}	
.R_renter{ float:right; position:fixed; bottom:7%; z-index:30; right:1%; width: calc(30px + 0.3rem); opacity:0;}
.R_renter.active{ opacity:1;}
.R_renter a{ float:left; position:relative;background:rgba(177,4,14,0.25); border-radius:50%; box-shadow:0 0.02rem 0.43rem rgba(255,255,255,0.24); width: calc(30px + 0.3rem);height: calc(30px + 0.3rem); transform:rotate(-90deg); -ms-transform:rotate(-90deg);}
.R_renter a:after{ float:right; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index:31; background:rgba(177,4,14,0.59); border-radius:50%;width: calc(24px + 0.24rem);   height: calc(24px + 0.24rem); content:'';}
.R_renter a:before{ float:right; position:absolute; top:50%; left:50%; z-index:32; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background:url(../img/_right.1.svg) center no-repeat rgba(177,4,14,1);background-size: auto calc(12px + 0.08rem); border-radius:50%; box-shadow:0 0.06rem 0.16rem rgba(0,0,0,0.44);width: calc(18px + 0.18rem); height: calc(18px + 0.18rem); content:''; content:'';}


@media (max-width: 1440px){
.footerC .nav span{ font-size:calc(12px + 0.06rem); line-height:calc(22px + 0.1rem);}
.footerC .nav ul li{font-size: calc(12px + 0rem); line-height: calc(22px + 0.02rem);}
}
@media (max-width: 767px){
.footerC .nav{ display:none;}
.footerC .nav:last-child{ display:block;}
.footerC .nav span{ font-size:18px; line-height:28px;}
.footerC .nav ul li{font-size:14px; line-height:24px;}
.footerT .logo{ width:100%; text-align:center;}
.footerT .logo a{ float:none; display:block; margin:0 auto;}
.footerT .links{ width:100%; margin:calc(10px + 0.1rem) 0%;}
.footerT .links span{ font-size:14px;}
.footerT .share{ width:100%; margin:0;flex-wrap:wrap; display: flex; justify-content:center;}
.footerC .line{ display:none;}
.footerD .Copyright{ font-size:14px; line-height:24px;}
}





/* zzh */
.sy_tit{width: 100%;position: relative; z-index:6;}
.sy_tit .words{font-size: calc(14px + 0.34rem);line-height: calc(14px + 0.34rem);color: #000000;}
.sy_tit .ico{display: block;position: absolute;right: 0;top:0;}
.sy_tit .ico a{display: flex;align-items: center;font-size: calc(12px + 0.08rem);line-height: calc(14px + 0.34rem); color: #b1040e; font-style:italic; padding-right:calc(16px + 0.12rem);}
.sy_tit .ico a:after{ float:right; width:calc(12px + 0.08rem); height:100%; content:''; position:absolute; right:0; top:0; z-index:3;background:url(../img/_right.svg) right center no-repeat; background-size:auto calc(12px + 0.08rem);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.sy_tit .ico a:hover{ font-style:normal; }
.sy_tit .ico a:hover:after{ right:calc(3px + 0.05rem);}

.sy_sectA{float: left;width: 100%;padding-top:1.35rem;padding-bottom: 1.35rem;position: relative;z-index: 5; overflow:hidden;}
.sy_sectA .box{ display:table;width: 100%; position:relative; margin-top:calc(10px + 0.66rem); padding-bottom:calc(10px + 0.67rem);}
.sy_sectA .box::after{content: "";display: block;position: absolute;right:1.9rem;bottom:0;background: #d82225;width:2000px;height:100%;z-index: -1;}
.sy_sectA .cont_L{float: left;width:37.27%;padding-top:calc(10px + 0.38rem);}
.sy_sectA ul{float: left;width: 100%;}
.sy_sectA li{float: left;width: 100%;margin-bottom:9.75%;}
.sy_sectA li:last-child{margin-bottom: 0;}
.sy_sectA .a{float: left;width: 100%;}
.sy_sectA .time{float: left;width:0.58rem;color: #ffffff;text-align: center;margin-top: 0.1rem;}
.sy_sectA .month{display: block;width: 100%;font-size: calc(12px + 0.06rem);line-height: calc(20px + 0.1rem);background:#b1040e;border-top-left-radius:0.06rem;border-top-right-radius:0.06rem;}
.sy_sectA .day{display: block;width: 100%;font-size:calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);background: #dd0505;padding-top: 0.11rem;padding-bottom:0.1rem;border-bottom-left-radius:0.06rem;border-bottom-right-radius:0.06rem;}
.sy_sectA .cont1{float: left;width: calc(100% - 0.58rem);padding-left: 0.4rem;padding-right:16.82%;}
.sy_sectA .tit{float: left;max-width: 100%; font-size: calc(12px + 0.02rem);line-height: calc(20px + 0.1rem);color: #000000;font-weight: bold;position: relative; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-right:0.31rem;}
.sy_sectA .tit::after{content: "";display: block;position: absolute;width: 0.2rem;height:0.05rem;background: #ccd2de;right:0; top:50%; margin-top:-0.02rem;}
.sy_sectA .text{float: left;width: 100%;font-size: calc(12px + 0.06rem);line-height: calc(18px + 0.08rem);  max-height: calc(54px + 0.24rem);color: #000000; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:0.05rem;}
.sy_sectA .a:hover .text{color: #b1040e;}
.sy_sectA .cont2{float: left;width:calc(100% - 1.9rem);position: relative;}

.sy_sectA .text2{float: left;width: 100%;padding:calc(10px + 0.95rem) 0.76rem calc(10px + 0.4rem) 0.58rem;background:#ffffff; position:relative; z-index:3; margin-top:-0.63rem;}
.sy_sectA .text2 .p{float: left;width: 100%;font-size: calc(12px + 0.1rem);line-height: calc(18px + 0.18rem); height: calc(54px + 0.54rem);color: #000000; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.sy_sectA .cont_R:hover .text2 .p{color: #b1040e;}
.sy_sectA ._img{float: right;width:calc(100% - 0.58rem); position:relative; z-index:4; line-height:0; overflow:hidden; box-shadow: 0 0.19rem 0.29rem rgba(0, 0, 0, 0.21);}
.sy_sectA ._img img{ height:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.sy_sectA .cont_R:hover ._img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.sy_sectA .cont_R{float: left;width: 62.73%; position:relative; margin-top:-1.22rem;}
.sy_sectA ._img2{float: left;width:1.9rem;position:absolute; right:0; bottom:0; overflow:hidden; transition:none;-moz-transition: none;-webkit-transition:none;-o-transition:none;}
.sy_sectA .time2{display: block;position: absolute;bottom: 0.46rem;left: 0.3rem;color: #ffffff;}
.sy_sectA .month2{display: block;font-size: calc(12px + 0.06rem);line-height: calc(20px + 0.1rem);}
.sy_sectA .day2{display: block;font-size: calc(14px + 0.46rem);line-height: calc(20px + 0.4rem);font-weight: bold;}

.sy_sectB{float: left;width: 100%; position:relative; padding-top: 1.34rem;padding-bottom: 1.34rem;}
.sy_sectB::after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#004487; opacity:0.84;}
.sy_sectB .contb_L{float: left;width: 50%;}
.sy_sectB .tit{float: left;font-size: calc(14px + 0.34rem);line-height: calc(20px + 0.3rem);color: #ffffff;margin-bottom: 0.49rem;margin-top: 0.82rem;}
.sy_sectB .text{float: left;font-size: calc(14px + 0.04rem);line-height: calc(20px + 0.1rem); color: #ffffff;margin-bottom: 1rem; font-style:italic; white-space:pre-line; }
.sy_sectB .btn{float: left;width:calc(64px + 1.4rem);}
.sy_sectB .btn a{float: left; width: 100%; font-style:italic;text-align: center;font-size: calc(14px + 0.04rem);line-height: calc(22px + 0.1rem);color: #ffffff;padding:0.08rem;background: #b1040e;}
.sy_sectB .btn a:hover{ background:#fff; color:#b1040e; box-shadow:0 0.05rem 0.1rem rgba(0,0,0,0.1);}
.sy_sectB .contb_R{float: left;width: 50%;padding-left: 0.75rem;}
.sy_sectB ul{float: left;width: 100%;}
.sy_sectB li{float: left;width: 50%;border-top: 1px solid #7da0c2;}
.sy_sectB li:nth-child(2n){border-left:1px solid #7da0c2;}
.sy_sectB li:nth-child(1),
.sy_sectB li:nth-child(2){border-top: none;}
.sy_sectB .opt{float: left;width: 100%;font-size: calc(14px + 0.1rem);line-height: calc(22px + 0.12rem); min-height:calc(44px + 1.15rem); color: #ffffff;text-align: center;padding:0.28rem 0.28rem;position: relative;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
.sy_sectB .opt::after{content: "";display:block;position: absolute;width:17px;height:9px;background: url(../img/arrow-right.svg) right center no-repeat; background-size:100% auto; top: 50%;right: 0.18rem;transform: translate(0,-50%); opacity:0;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.sy_sectB .opt:hover{background: rgba(228, 19, 19, 0.6);}
.sy_sectB .opt:hover::after{ opacity:1;right: 0.36rem;}

.sy_sectC{float: left;width: 100%;padding-top: 1.35rem;padding-bottom: 1.35rem; }
.sy_sectC img{line-height: 0;display: block;}
.sy_sectC .list{float: left;width:100%;margin-top:calc(10px + 0.22rem);}
.sy_sectC .list ul{flex-wrap:wrap; display: flex; margin: -0.17rem;}
.sy_sectC .list li{float: left;width:25%;padding: 0.17rem;}
.sy_sectC .list li:first-child,
.sy_sectC .list li:last-child{ width:50%;}
.sy_sectC .list li ._t{float: left;width: 100%;position: relative; min-height:100%;}
.sy_sectC .list li ._video{float: left;width: 100%;position:absolute; width: 100%; position: absolute; left:0; top:0; height: 100%; object-fit:cover; cursor:pointer;}
.sy_sectC .list li .bf_btn{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width:calc(32px + 0.32rem);height: calc(32px + 0.32rem);background: url(../img/_play-one.svg) center no-repeat rgba(0,0,0,0.4);background-size: 50% 50%; border-radius:50%;}
.sy_sectC .list li .v_text{position: absolute;width: 100%;font-size: calc(12px + 0.08rem);line-height: calc(20px + 0.1rem);color: #ffffff;background:url(../img/sy_img11.png) bottom center no-repeat; background-size:100% 100%;  left: 0;bottom: 0;padding:calc(4px + 0.16rem) 0.24rem;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.sy_sectC .list li .opt{float: left;width:100%;}
.sy_sectC .list li .opt a{float: left;width: 100%;}
.sy_sectC .list li a:hover .cont{color: #b1040e;}
.sy_sectC .list li ._img{float: left;width: 100%;overflow: hidden;position: relative;}
.sy_sectC .list li a:hover ._img img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.sy_sectC .list li .hot{font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.04rem);color: #ffffff;text-align: center;font-weight: bold;position: absolute;display: block;background:#b1040e;width:100%; padding:0.05rem; left:0;top:0;  margin:7% 0 0 7%;
-webkit-transform:translate(-50%,-50%) rotate(325deg);
-moz-transform:translate(-50%,-50%)  rotate(325deg);
-ms-transform:translate(-50%,-50%)  rotate(325deg);
-o-transform:translate(-50%,-50%)  rotate(325deg);
transform:translate(-50%,-50%)  rotate(315deg);}
.sy_sectC .list li ._img img{transition: all .5s ease .1s;}
.sy_sectC .list li .cont{float: left;width: 100%;color: #000000;padding: 0.24rem 0.22rem 0.2rem 0.22rem;}
.sy_sectC .list li .tit{display: block;font-size:calc(12px + 0.04rem);line-height: calc(18px + 0.04rem);font-weight: bold;margin-bottom:calc(5px + 0.05rem);}
.sy_sectC .list li .text{display: block;font-size: calc(12px + 0.06rem);line-height: calc(18px + 0.06rem);height: calc(54px + 0.18rem); overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}

.sy_sectD{float: left;width: 100%; overflow:hidden;}
.sy_sectD ul{float: left;width: 100%;margin-top: calc(10px + 0.08rem);position: relative;z-index: 5;}
.sy_sectD ul::after{content: "";display: block;position: absolute;background: #d82225;width: 3000px;height: 84.6%; left:50%; margin-left:-1500px;top:7.7%;z-index: -1;}
.sy_sectD li{float: left;width: 100%;}
.sy_sectD li:nth-child(2n){margin-top: 0;}
.sy_sectD li:nth-child(2n) a{flex-direction: row-reverse;}
.sy_sectD li a{float: left;width: 100%;display: flex;flex-wrap: wrap; overflow:hidden;}
.sy_sectD .cont_l{float: left;width: 50%;padding:10% 1.5rem 3% 0;position: relative;}
.sy_sectD li:nth-child(2n) .cont_l{padding:7% 0.6rem 3% 0.9rem;}
.sy_sectD .d_btn{opacity: 0; display: flex;align-items: center;justify-content: center;position: absolute;width:calc(20px + 0.6rem);height: calc(20px + 0.6rem); right: 0;bottom:-0.3rem; background: url(../img/_right.1.svg) center no-repeat #b1040e;background-size: auto calc(12px + 0.08rem);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.sy_sectD li:nth-child(2n)  .d_btn{ right:auto; left:0;}
.sy_sectD li a:hover .d_btn{opacity: 1;bottom:0;}
.sy_sectD li a:hover .tit{color: #b1040e;}
.sy_sectD .tit{display: block;width: 100%;font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);color: #000000;margin-bottom: 0.21rem;}
.sy_sectD .text{display: block;width: 100%;font-size: calc(12px + 0.06rem);line-height: calc(20px + 0.1rem);color: #000000;height: calc(40px + 0.2rem); overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.sy_sectD .cont_r{float: left;width: 50%;overflow: hidden;line-height: 0;}
.sy_sectD .cont_r img{transition: all .5s ease .1s;width: 100%;}
.sy_sectD li a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}

.sy_sectE{float: left;width: 100%;padding-top:1.35rem;padding-bottom:1.35rem;position: relative;line-height: 0;}
.sy_sectE img{width: 100%;display: block;}
.sy_sectE .section{float: left;width: 100%;margin-top:calc(10px + 0.22rem);}
.sy_sectE .slide_img{float: left;width:calc(100% + 0.36rem);margin: -0.18rem;}
.sy_sectE .slide_img .li{float: left;width: 33.33%;padding: 0.18rem;}
.sy_sectE .slide_img .li a{float: left;width: 100%; line-height:0; overflow:hidden;}
.sy_sectE .slide_img .li a img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.sy_sectE .slide_img .li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.sy_sectE .slide_img .slick-dots{position:static; margin-top:calc(10px + 0.22rem);flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
.sy_sectE .slide_img .slick-dots li{ float:left;border-radius: 100%; width:auto; height:auto; margin: 0 calc(4px + 0.05rem);border: 2px solid #7a8696; padding:0 !important; background: #7a8696;}
.sy_sectE .slide_img .slick-dots li button{ width:calc(6px + 0.04rem); height:calc(6px + 0.04rem);border-radius: 100%; padding:0; }
.sy_sectE .slide_img .slick-dots li.slick-active{ border: 2px solid #b1040e;background: #ffffff;}
.sy_sectE .slide_img .slick-dots li.slick-active button{}

.sy_sectF{float: left;width: 100%;position: relative;}
.sy_sectF .video_F{float: left;width: 100%; height:100%; position: absolute; left:0; top:0; overflow: hidden;}
.sy_sectF video{width: 101%;line-height: 0;display: block;object-fit: cover;position: absolute; left: 50%; top: 50%; height:100%; object-fit:cover;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.sy_sectF .contf{ width:5.57rem;background:rgba(153, 0, 0, 0.9); float:right; margin:calc(10px + 1.36rem) 0;  }
.sy_sectF .contbox{display: flex;align-items: center;justify-content: center; flex-wrap: wrap;width:calc(100% - 0.2rem);height:calc(100% - 0.2rem); border:1px solid #ffffff;margin:0.1rem;text-align: center;padding: calc(10px + 0.7rem) calc(10px + 0.62rem) calc(10px + 0.58rem) calc(10px + 0.62rem);}
.sy_sectF .c1{font-size: calc(14px + 0.34rem);line-height: calc(20px + 0.3rem);color: #fefeff;margin-bottom:calc(10px + 0.33rem);position: relative;}
.sy_sectF .c1::after{content: ""; display: block;position: absolute;background:rgba(255, 255, 255, 0.8);width:calc(10px + 0.12rem);height: 0.03rem;left: 50%;bottom:-0.22rem;transform: translate(-50%,0);}
.sy_sectF .c2{font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.1rem);color: #fefeff;margin-bottom:calc(10px + 0.25rem);overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.sy_sectF .bf_btn2{width:calc(30px + 0.1rem);height:calc(30px + 0.1rem);border-radius: 100%; border:calc(2px + 0.02rem) solid #fff; background: url(../img/_play-one.svg)center no-repeat; background-size:70% 70%;   border-radius: 100%;}
.sy_sectF .paly{ display:block;}
.sy_sectF .pause{ display:none; background: url(../img/_pause.svg)center no-repeat; background-size:70% 70%;}
.sy_sectF .paly.Active{ display:none;}
.sy_sectF .pause.Active{ display:block; }




@media screen and (max-width:1600px) {
.sy_sectB .opt::after{right: 0.09rem;}
.sy_sectB .opt:hover::after{ right: 0.18rem;}
.sy_sectF .c1{font-size: calc(14px + 0.2rem);}

}
@media screen and (max-width:1360px) {
.sy_sectA .box{ margin-top:calc(10px + 0.42rem);}
.sy_sectA .cont_R{ margin-top:-0.42rem;}
}
@media screen and (max-width:1024px) {
.sy_sectA .cont2::after{height: calc(150px + 4.32rem);bottom: -1rem;}
.sy_sectA .cont1{ padding-right:0.4rem;}
.sy_sectA li{ margin-bottom:calc(10px + 0.1rem);}
.sy_sectB .tit{ margin-top:0;}
.sy_sectB .text{ white-space:normal;}
.sy_sectC .list li .hot{ margin:9% 0 0 9%}
.sy_sectD .cont_l{ padding:7% 1.5rem 2% 0;}
.sy_sectD li:nth-child(2n) .cont_l{ padding:3% 0.6rem 2% 0.9rem;}
.sy_sectF .contbox{ padding:calc(10px + 0.7rem) calc(10px + 0.1rem) calc(10px + 0.58rem) calc(10px + 0.1rem);}
.sy_sectF .c2{line-height: calc(20px + 0.04rem);}

}
@media screen and (max-width:767px) {
.sy_sectA .box::after{ right:-15px;}
.sy_sectA .cont_L{width: 100%;}
.sy_sectA .cont1{width:90%; padding-right:0;}
.sy_sectA .text{padding-right: 0;}
.sy_sectA .time{width: 10%;}
.sy_sectA .cont_R{width: 100%;margin-top:calc(10px + 0.3rem);}
.sy_sectB .contb_L{width: 100%;}
.sy_sectB .contb_R{ width:100%; padding-left:0;margin-top:calc(10px + 0.3rem);}
.sy_sectB .opt::after{width: 14px; }
.sy_sectB .opt:hover::after{right:calc(6px + 0.06rem)}
.sy_sectA ._img{ height:auto; width:calc(100% + 1.9rem); float:left;}
.sy_sectC .list li{width:50%;}
.sy_sectC .list li:first-child,
.sy_sectC .list li:last-child{ width:100%;}
.sy_sectC .list li ._video{ position:relative;}
.sy_sectC .list li .tit{ margin-top:calc(5px + 0.05rem);}
.sy_sectD ul::after{ height:92.3%;top:7.7%;}
.sy_sectD li a{ flex-wrap:wrap-reverse;}
.sy_sectD .cont_l{width: 100%; padding:6% 1.5rem 6% 0;}
.sy_sectD li:nth-child(2n) .cont_l{ padding:6% 1.5rem 6% 0;}
.sy_sectD li:nth-child(2n)  .d_btn{ left:auto; right:0;}
.sy_sectD .cont_r{width: 100%;}
.sy_sectE .li{ width:50%;}
.sy_sectF{ padding:0;}
.sy_sectF .video_F{ position:relative; height:calc(200px + 2rem);}
.sy_sectF .contbox{width:100%;height:100%; margin:0;}
.sy_sectF .contf{width:100%; margin:0; padding:15px;}


}

._banner{ float:left; width:100%; position:relative; line-height:0; overflow:hidden;
    margin-bottom: 20px;}
._banner:after{ float:left; width:100%; height:108px; content:''; position:absolute; left:0; top:0; z-index:6; background:url(../img/img2.png) top center repeat-x; background-size:100% 100%;}
.crumbs{ float:left; width:100%; color:#000000; font-size:14px; line-height:24px; margin-top:26px;/*text-transform: capitalize;*/}
.crumbs-1{ padding:0 33px;}
.crumbs a{ color:#000000;}
.crumbs a.on,
.crumbs a:hover{ color:#b60e00;}
.boxA{ float:left; width:100%; position:relative; overflow:hidden; z-index:6; top:0; margin-top:-172px; padding-bottom:60px;}
.boxA-2{ margin-top:-37px;}
.slideT{float: left; width:308px; position:relative;}
.slideT .title{ float:left; width:100%; position:relative; z-index:6; background:url(../img/img8.png) right bottom no-repeat #b1040e; background-size:auto 95%; flex-wrap:wrap; display: flex; align-items: center;  height:172px; line-height:50px; font-size:44px; color:#fff; font-weight:bold;text-transform: capitalize;}
.slideT .title::after{ float:left; width:1500px; position:absolute; right:100%; top:0; z-index:1; content:''; background:#b1040e; height:203px;}
.slideT .title-2{ background:#f0f3f5; color:#b1040e; font-size:20px; line-height:24px; height:110px; padding:10px 43px 10px 33px;}
.slideT .title-2::after{ height:100%;}

.slideL{ float:left; width:100%; position:relative; z-index:6;}
.slideL ul{ float:left; width:100%; }
.slideL li{ float:left; width:100%;}
.slideL li a{ float:left; width:100%; position:relative; border-bottom:1px solid #eeeeee; color:#000000;/*text-transform:capitalize;*/ flex-wrap:wrap; display: flex; align-items: center;font-size:18px; line-height:21px; height:74px; padding:5px 35px;}
.slideL li.on a,
.slideL li:hover a{ background:#f0f3f5; color:#b1040e;}
.slideL .ul{background:#f0f3f5; padding:10px;}
.slideL .ul li a{ border-bottom:none; color:#000000; font-size:16px; line-height:19px; padding:5px 0 5px 27px; height:56px;}
.slideL .ul li a:after{ float:left; width:4px; height:12px; border-radius:2px; content:''; position:absolute; left:27px; top:22px;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.slideL .ul li._on a,
.slideL .ul li:hover a{ background:#fff; color:#000000; padding:5px 0 5px 44px;}
.slideL .ul li._on a:after,
.slideL .ul li:hover a:after{  background:#b1040e; }

.boxR{ float:right;  width: -webkit-calc(100% - 370px);width: -moz-calc(100% - 370px);width: calc(100% - 370px); margin-top:172px;}
.boxR1{ float:right;  width: -webkit-calc(100% - 347px);width: -moz-calc(100% - 347px);width: calc(100% - 347px); margin-top:37px;}
.picList{ float:left; width:100%; margin:25px 0 40px 0;}
.picList ul{flex-wrap:wrap; display: flex; margin:-20px; }
.picList li{ float:left; width:50%; padding:20px; line-height:0;}
.picList li:nth-child(5n+1){ width:100%;}
.picList li a{ float:left;width:100%; text-align:center; overflow:hidden;}
.picList li a img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.picList li a:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._page{ float:left; width:100%; text-align:center;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}


@media screen and (max-width:1024px) {
.slideL::after{ height:20px;}
.boxA{ padding-bottom:35px; margin-top:-60px;}
.boxA-2{ margin-top:-30px;}
.slideT .title{ width:135px; height:60px; line-height:22px; font-size:20px;}
.slideT .title::after{ height:80px;}
.slideT-1 .title::after{ height:60px;}
.slideT .title-2{ padding:10px 10px 10px 10px;}
.slideT .title-2::after{ height:100%;}
.slideT{ width:100%;}
.slideL li{ width:50%;}
.slideL li a{ font-size:14px;line-height: 18px;height:44px;padding: 3px 6px;  justify-content:center;}
.slideL-1 li{ width:100%;}
.slideL-1 .ul li a{  font-size:14px; line-height:22px; padding:5px 15px 5px 15px; height:40px;}
.slideL-1 .ul li._on a,
.slideL-1 .ul li:hover a{ padding:5px 20px 5px 20px;}
.slideL-1 .ul li a:after{ top:14px; left:15px;}
.crumbs{ margin-top:15px; display:none;}
.boxR{ width:100%; margin-top:0;}
.boxR1{ width:100%; margin-top:0;}
.picList{ margin:15px 0 20px 0;}
.picList ul{ margin:-6px; }
.picList li{ padding:6px;}

}
@media screen and (max-width:767px) {


}

.contact{ float:left; width:100%; padding:45px 0;}
.contact li{ float:left; width:100%; margin:55px 0;}
.contact li .img{ float:left; width:117%; line-height:0;}
.contact li .cont{ float:left; width:100%; position:relative; top:0; z-index:6;flex-wrap:wrap; display: flex; align-items: center;flex-direction:row-reverse; justify-content:space-between; margin-top:-48px;}
.contact li .cont .title{ float:left; width:49%; flex-wrap:wrap; display: flex; justify-content:center; color:#000000; font-size:24px; line-height:36px; font-weight:bold; text-transform:uppercase; margin-top:13px; }
.contact li .cont .title .p{ padding:23px 0; border-bottom:3px solid #b1040e;}
.contact li .cont .text{ float:left; width:51%; background:#f9f9f9; color:#000000; font-size:18px; line-height:36px; font-weight:bold; padding:46px 5.45% 56px 5.45%; }
.contact li .cont .li{ float:left; width:100%; margin:20px 0;}
.contact li .cont .li .tit{ font-weight:normal; color:#b1040e;}
.contact li:nth-child(2n) .cont{flex-direction:inherit;}
.contact li:nth-child(2n) .text{ margin-right:2.2%;}
.contact li:nth-child(2n) .title{ width:42%;  margin-left:4.8%;}

@media screen and (max-width:1600px) {
.contact li:nth-child(2n) .title{ width:44.6%;  margin-left:2.2%;}

}
@media screen and (max-width:1024px) {
.contact{ padding:15px 0;}
.contact li{ margin:15px 0;}
.contact li .cont .title{ font-size:20px; line-height:32px;}
.contact li .cont .title .p{ padding:15px 0;}
.contact li .cont .text{ font-size:16px; line-height:30px; padding:30px 20px;}
.contact li .cont .li{ margin:10px 0;}
}
@media screen and (max-width:767px) {
.contact li .img{ width:100%;}
.contact li .cont{ margin-top:0;}
.contact li .cont .title{ width:100%; margin-bottom:30px;}
.contact li:nth-child(2n) .title{  width:100%; margin-left:0;}
.contact li .cont .text{ width:100%;}
.contact li:nth-child(2n) .text{ margin-right:0;}

}


._School{ float:left; width:100%; margin:25px 0 40px 0;}
._School ul{ float:left; width:100%;}
._School li{ float:left; width:100%;}
._School li a{ float:left; width:100%; position:relative; border-bottom:1px solid #eeeeee; color:#000000; font-size:18px; line-height:26px; font-weight:bold; min-height:114px; flex-wrap:wrap; display: flex; align-items: center; position:relative; padding:15px 33px;}
._School li a::after{ float:left; width:10px; height:10px; content:''; position:absolute; left:0; top:50%; margin-top:-5px; border-radius:50%; background:#fff; border:1px solid #e5e5e5;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._School li a::before{ float:left; width:0; height:2px; content:''; position:absolute; left:0; bottom:-2px; z-index:3; background:#b1040e;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._School li a:hover{ color:#b1040e}
._School li a:hover:after{ border:1px solid #b1040e; background:#b1040e;}
._School li a:hover:before{ width:100%;}

@media screen and (max-width:1024px) {
._School{ margin:15px 0 20px 0;}
._School li a{ font-size:16px; min-height:76px; padding:15px 22px;}


}

._National{ float:left; width:100%; margin:25px 0 10px 0;}
._National ul{ float:left; width:100%;}
._National li{ float:left; width:100%; background:#f0f3f5; margin-bottom:30px;}
._National li .li{ float:left; width:100%; position:relative; border-bottom:1px solid #fff; color:#000000;flex-wrap:wrap; display: flex; font-size:16px; line-height:21px;}
._National li .li:last-child{ border-bottom:none;}
._National li .li ._l{ float:left;flex-wrap:wrap; display: flex;flex-direction:column ;border-right:1px solid #fff; padding:27px 15px 27px 25px;}
._National li .li ._l:last-child{border-right:none;}
._National li .li .nam{ color:#a6a6a6; margin-bottom:11px;}
._National li .l1{ width:178px;}
._National li .l2{ width:-webkit-calc(100% - 436px); width:-moz-calc(100% - 436px); width:calc(100% - 436px);}
._National li .l3{ width:105px;}
._National li .l4{ width:153px;}
._National li .l5{ width:-webkit-calc(100% - 178px); width:-moz-calc(100% - 178px); width:calc(100% - 178px);}
._National li .l5 .p{ height:63px; overflow:hidden; padding-right:100px;}
._National li .btn{ display:none; float:left; position:absolute; right:25px; height:40px; width:40px; background:#fff; border-radius:8px; top:50%; cursor:pointer; margin-top:-23px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
}
._National li .btn:after{ float:left; width:9px; height:9px; content:''; position:absolute; left:50%; top:50%; border-top:1px solid #777777; border-right:1px solid #777777; transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg); margin-top:-2px;}
._National li .btn:hover{ background:#b1040e;}
._National li .btn:hover::after{border-top:1px solid #fff; border-right:1px solid #fff;}

@media screen and (max-width:1600px) {
._National li .li ._l{ padding:27px 10px 27px 15px;}

}
@media screen and (max-width:1024px) {
._National{ margin:15px 0 15px 0;}
._National li{ margin-bottom:20px;}
._National li .btn{ top:100%; margin-top:-32px; right:4px; width:28px; height:28px; border-radius:4px;}
}
@media screen and (max-width:767px) {
._National li .l1{ width:35%;}
._National li .l3{ width:35%;border-top:1px solid #fff;}
._National li .l4{ width:65%;border-top:1px solid #fff;}
._National li .l2{ width:65%;}
._National li .l5{  width:65%}
._National li .l5 .p{padding-right:0;}

}


._banner1{ float:left; width:100%; height:230px; background:#b1040e;}
.Details{ float:left; width:100%; margin:56px 0 40px 0;}
.Details .title{ float:left; width:100%; font-weight:bold; color:#000000; font-size:28px; line-height:40px; margin-bottom:65px;}
.Details .left{ float:left; width:68.9%;}
.Details .text{ float:left; width:100%; color:#000000; font-size:16px; line-height:30px;}
.Details .return{ float:left; width:100%; margin-top:53px;}
.Details .return a{ float:left; background:#004487; width:154px; text-align:center; color:#fff; text-transform:uppercase; font-size:14px; line-height:48px; border-left:4px solid #b1040e; padding-right:4px;}
.Details .return a:hover{ background:#b1040e;}
.Details .right{ float:right; width:26.5%; color:#000000; font-size:14px; line-height:23px; font-weight:bold; text-transform:uppercase;}
.Details .right .news-left-ib{ float:left; position:relative; width:100%;}
.Details .right .li{ float:left; width:100%;}
.Details .right .tit{ float:left; width:100%; color:#6c7285;}
.Details .right .p{ float:left; width:100%; margin-bottom:29px;}
.Details .right .share{ float:left; width:100%; margin-top:8px;}
.Details .right .share a{ float:left; flex-wrap:wrap; display: flex; align-items: center;  justify-content:center; width:36px; height:36px; margin-right:13px; border-radius:3px;}
.Details .right .share a img{ width:24px; display:block;}


@media screen and (max-width:1024px) {
._banner1{ height:140px;}
.Details{ margin:25px 0 20px 0;}
.Details .left{ width:100%;}
.Details .right .li{ float:left; width:50%;}
.Details .title{ margin-bottom:30px; line-height:36px;}
.Details .return{ margin-top:25px;}
.Details .right{ width:100%; margin-bottom:30px;}
.Details .right .p{ margin-bottom:15px;}
.Details .right .news-left-ib{ position:static;}

}

._Facts{ float:left; width:100%; position:relative; margin:25px 0 40px 0;}
._Facts:after{ float:left; width:273px; height:273px; content:''; position:absolute; bottom:0; right:0; z-index:1; background:url(../img/img13.png) center no-repeat; background-size:contain;}
._Facts ul{ position:relative; z-index:6; float:left; width:100%;flex-wrap:wrap; display: flex; justify-content:space-between;}
._Facts li{ float:left; width:46%; border-bottom:1px solid #eeeeee; color:#000000; font-size:18px; line-height:26px; min-height:140px; display: flex; align-items: center; position:relative; padding:15px 0;}
._Facts li .num{ color:#b1040e; font-size:36px; font-weight:bold; margin-right:20px;}

@media screen and (max-width:1024px) {
._Facts{ margin:15px 0 20px 0;}
._Facts li{ font-size:16px; min-height:94px;}
._Facts:after{ width:140px; height:140px;}
._Facts li .num{ font-size:26px;}
}
@media screen and (max-width:767px) {
._Facts li{  width:100%;}
._Facts li .num{ font-size:26px; margin-right:15px;}
}


._history{ float:left; width:100%; overflow:hidden; margin:25px 0 40px 0;}
._history ul{flex-wrap:wrap; display: flex;margin-top:-9.26%;}
._history li{ float:left; width:27.16%; line-height:0; margin-top:9.26%; margin-right:9.26%; }
._history li:nth-child(3n){ margin-right:0;}
._history li a{ float:left;width:100%; text-align:center; overflow:hidden;}
._history li i{ float:left; width:100%; line-height:0; overflow:hidden; border-bottom:1px solid #eeeeee;}
._history li a:hover i{ border-bottom:1px solid #fff;}
._history li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._history li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._history li span{ float:left; width:100%; margin-top:15px; background:#f0f3f5; height:80px; padding:5px; color:#000000; font-size:18px; line-height:30px;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._history li a:hover span{ background:#004487; color:#fff; transform:translateY(-15px); -ms-transform:translateY(-15px);}

@media screen and (max-width:1024px) {
._history{ margin:20px 0 20px 0;}
._history ul{ margin-top:-3.5%;}
._history li{ width:31%;  margin-top:3.5%; margin-right:3.5%; }
._history li span{ font-size:16px; height:60px; margin-top:10px;}
._history li a:hover span{ transform:translateY(-10px); -ms-transform:translateY(-10px);}
}
@media screen and (max-width:767px) {
._history ul{ margin-top:-6%;}
._history li{ width:48%; margin-top:6%; margin-right:4%;}
._history li:nth-child(3n){ margin-right:4%;}
._history li:nth-child(2n){ margin-right:0%;}
}


/*20230109start*/
._Canada{ float:left; width:100%; padding-top:79px;}
._Canada .top{ float:left; width:100%; }
._Canada .tit{ float:left; height:48px; color:#b1040e; font-size:36px; font-weight:bold; border-left:4px solid #b1040e; padding-left:26px;flex-wrap:wrap; display: flex; align-items: flex-end;}
._Canada .Select{ float:right; position:relative; width:308px; position:relative;}
._Canada .text{ cursor:pointer; float:left; width:100%; color:#000000; font-size:16px;line-height:21px; height:48px; border:1px solid #eeeeee; padding:2px 50px 2px 19px;flex-wrap:wrap; display: flex; align-items: center;}
._Canada .text:after{ float:left; position:absolute; right:31px; top:50%; width:0; height:0; content:'';border-left:7px solid transparent; border-right:7px solid transparent;border-top:7px solid #9fa6aa; margin-top:-3px; }
._Canada .down{  display:none; z-index:6; float:left; width:100%; position:absolute; left:0; top:100%; background:#f5f5f5; padding:6px 0;
 box-shadow:0 3px 6px rgba(0,0,0,0.1); overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:312px;
}
._Canada .down::-webkit-scrollbar {
 width:3px
}
._Canada .down::-webkit-scrollbar-track
{
background-color:#e5e5e5;
 border-radius:3px
}
._Canada .down::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#b1040e;
 border-radius:3px
}
._Canada .down li{ float:left; width:100%; color:#333; font-size:16px;line-height:21px; padding:10px 19px; cursor:pointer;}
._Canada .down li:hover{ background:#b1040e; color:#fff;}
._Canada .list{ float:left; width:100%; border:1px solid #f0f0f0; margin:36px 0 40px 0;}
._Canada .list tr{ float:left; width:100%; border-bottom:1px solid #f0f0f0;flex-wrap:wrap; display: flex; align-items:center; min-height:62px; }
._Canada .list tr:last-child{ border-bottom:none;}
._Canada .list tr th{ float:left; width:50%; color:#333333; font-size:16px; line-height:21px; padding:10px 10px; }
._Canada .list tr .Cootable_thLeft{ width:74%; padding-left:4.5%; text-align:left;}
._Canada .list tr .Cootable_thRight{ width:26%; text-align:center;}
._Canada .list tr:nth-child(1){ background:#f5f5f5;}
._Canada .list tr:nth-child(1) th{ color:#004487; font-weight:bold;}

._map{ float:left; width:100%; position:relative; margin:43px 0 0 0;}
._map .li{ float:left; cursor:pointer; position:absolute; z-index:6;transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
._map .li .ico{ float:left;flex-wrap:wrap; display: flex; justify-content:center;flex-direction:column; color:#b1040e; font-size:0.14rem; line-height:0.18rem; padding:0.18rem 0 0 0;  }
/* 20230404start */
._map .li .ico img{ max-width:none; display:block; margin:0 auto; width:0.2rem; height:0.2rem;border-radius: 100%;}
/* 20230404end */
._map .li .map_text{ display:none; float:left; position:absolute; left:50%; bottom:100%; z-index:10; width:1.96rem; text-align:center; background:#b1040e; color:#fff; border-radius:0.08rem; padding:0.06rem; font-size:0.24rem; line-height:0.46rem; box-shadow:0 0 0.04rem rgba(177,4,14,0.08); transform:translateX(-50%); -ms-transform:translateX(-50%); }
._map .li .map_text:after{ float:left; position:absolute; left:50%; top:100%; width:0; height:0; content:'';border-left:0.05rem solid transparent; border-right:0.05rem solid transparent;border-top:0.06rem solid #b1040e; margin-left:-0.05rem; }
._map .li .map_text .mapT_left{ font-size:0.18rem; padding:0.01rem; background:#004487; border-radius:0.08rem;}
._map .li .map_text .mapT_left p{ display:inline-block; margin-right:5px;}
._map .li:hover{ z-index:8;}
._map .li:hover .map_text{ display:flex; flex-wrap:wrap;flex-wrap:wrap-reverse;flex-direction:column; }

.Cooindex_xia{ float:left; width:100%; display:flex; justify-content:center; display:none; margin:0 0 30px 0;}
.Cooindex_xia img{ transform:rotate(90deg); -ms-transform:rotate(90deg);}

@media screen and (max-width:1440px) {
._Canada .top .text:after{ right:19px;}

}
@media screen and (max-width:1024px) {
._map{ margin:30px 0 30px 0;}
._Canada .tit{ font-size:26px; padding-left:14px; height:32px;}
}
@media screen and (max-width:767px) {
._Canada{ padding-top:30px;}
._Canada .list{ margin:20px 0 20px 0;}
._Canada .list tr .Cootable_thLeft{ width:63%;}
._Canada .list tr .Cootable_thRight{ width:37%;}
._Canada .tit{ width:100%;}
._Canada .Select{ width:100%; margin-top:20px;}
._Canada .down{  padding:6px 0;max-height:177px;}
._Canada .down li{ padding:6px 19px;}
._map{ width:calc(100% + 30px); margin:30px -15px 0 -15px;}
._map .li:nth-child(7) .ico span{ padding-left:5px;}
._map .li .down{ font-size:0.2rem; line-height:0.4rem;}
.Cooindex_xia{ display:flex;}

}

/*20230109end*/

.newsList{ float:left; width:100%; margin-bottom:40px;}
.newsList ul{ float:left; width:100%;}
.newsList ul li{ float:left; width:100%; margin-top:32px;}
.newsList ul li a{ float:left; width:100%; position:relative; display: flex;flex-direction:row-reverse;}
.newsList ul li a::after{ float:left; width:100%; height:0; content:''; position:absolute; left:0; bottom:0; background:#d4dbe6; z-index:1; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.newsList ul li .img{ position:relative; z-index:6; float:left; width:300px; min-width:300px; line-height:0; overflow:hidden; margin-left:24px;}
.newsList ul li .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.newsList ul li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsList ul li .text{ float:left; width:100%; border-bottom:1px solid #eeeeee; padding:33px 14% 33px 49px; position:relative;}
.newsList ul li .text:after{ float:left; width:16px; height:16px; content:''; position:absolute; right:0; top:50%; z-index:8; border-top:3px solid #b1040e; border-right:3px solid #b1040e; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); opacity:0; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.newsList ul li .time{ float:left; width:100%; font-weight:bold; color:#000000; font-size:16px; line-height:24px;}
.newsList ul li .p{ float:left; width:100%; color:#000000; font-size:18px; line-height:26px; height:52px; margin-top:23px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;}
.newsList ul li a:hover{ background:#f0f3f5;}
.newsList ul li a:hover::after{ height:4px;}
.newsList ul li a:hover .text{ border-bottom:1px solid #f0f3f5;}
.newsList ul li a:hover .text:after{ right:25px; opacity:1;}
.newsList ul li a:hover .time{ color:#004487;}
.newsList ul li a:hover .p{ color:#b1040e;}

.newsList ul .l1 a{flex-direction:row; /*align-items:center;*/}
.newsList ul .l1 .img{ width:52.8%; margin:33px 0;}
.newsList ul .l1 .text{ width:47.2%; position:relative; padding:40px;flex-wrap:wrap; display: flex; align-items: center;}
.newsList ul .l1 .bg{ float:left; width:173%; height:100%; content:''; position:absolute; right:0; top:0; z-index:1;}
.newsList ul .l1 .cont{ float:left; width:100%; position:relative; z-index:6;}
.newsList ul .l1 .more{ float:left; width:100%; color:#fff; font-size:14px; line-height:24px; margin-top:18px;}
.newsList ul .l1 .line{ float:left; width:62px; height:2px; background:#b1040e; margin-top:17px;}
.newsList ul .l1 .time{ color:#fff;}
.newsList ul .l1 .p{ color:#fff; line-height:30px; height:120px; -webkit-line-clamp:4;}
.newsList ul .l1 .time{ color:#fff; text-transform:uppercase;}
.newsList ul .l1 a::after{ display:none;}
.newsList ul .l1 a:hover{ background:none;}
.newsList ul .l1 a:hover .text:after{ display:none;}
.newsList ul .l1 a:hover .time{ color:#fff;}
.newsList ul .l1 a:hover .p{ color:#fff;}

@media screen and (max-width:1024px) {
.newsList{ margin-bottom:25px;}
.newsList ul li{ margin-top:20px;}
.newsList ul li .img{ width:150px; min-width:150px; margin-left:5px;}
.newsList ul li .text{ padding:7px 5px; }
.newsList ul li .text:after{ width:10px; height:10px; right:-2px; border-top:2px solid #b1040e; border-right:2px solid #b1040e;}
.newsList ul li .p{ margin-top:4px; font-size:16px; line-height:24px; height:48px;}
.newsList ul li a:hover .text:after{ right:3px; opacity:1;}

.newsList ul .l1 .text{ padding:20px;}
.newsList ul .l1 .line{ margin-top:10px; margin-bottom:6px;}
.newsList ul .l1 .more{ margin-top:10px;}
.newsList ul .l1 .img{ margin:20px 0;}

}
@media screen and (max-width:767px) {
.newsList ul .l1 a{flex-wrap:wrap;}
.newsList ul .l1 .img{ width:100%; margin:0;}
.newsList ul .l1 .text{ width:100%;}
.newsList ul .l1 .bg{ width:100%;}

}




/* zzh */
/* about us */
.about_us .title{float: left;width: 100%;font-size:36px;line-height:1; color: #b1040e;padding-top:calc(3px + 0.1rem);font-weight: bold;padding-left: calc(10px + 0.18rem);position: relative;}
.about_us .title::after{content: "";display: block;position: absolute;width: calc(2px + 0.02rem);height: 100%;background: #b1040e;left: 0;top: 0;}
.about_us .us_sectA{float: left;width: 100%;margin-top: calc(20px + 0.36rem);}
.about_us .conta{float: left;width: 100%;margin-top: calc(10px + 0.4rem);background:url(../img/about2.jpg) bottom no-repeat;background-size: cover;font-size:16px;line-height:30px;color: #000000;padding: calc(10px + 0.22rem) calc(10px + 0.42rem) calc(10px + 0.6rem) calc(10px + 0.36rem);}
.about_us .us_sectB{float: left;width: 100%;margin-top: calc(10px + 0.87rem);}
.about_us .contb{float: left;width: 100%;margin-top: calc(10px + 0.43rem);}
.about_us .contb .opt{float: left;width: 100%;font-size:16px;line-height:30px;color: #000000;padding:calc(10px + 0.4rem) 0.54rem calc(10px + 0.3rem) 0.46rem;margin-bottom: calc(7px + 0.07rem);background-size: cover;}
.about_us .contb .b1{background: #f0f3f5;}
.about_us .contb .b2{color: #ffffff;}
.about_us .contb .b3{margin-bottom: 0;}
.about_us .h4{font-size:24px;line-height:30px; font-weight:bold; color: #b1040e;margin-bottom: calc(10px + 0.08rem);}
.about_us img{display: block;width: 100%;transition: all .5s ease .1s;}
.about_us .us_sectC{float: left;width: 100%;margin-top: calc(10px + 0.87rem);}
.about_us .contc{float: left;width: 100%;margin-top: calc(10px + 0.38rem);}
.about_us .ulc{float: left;width: 100%;}
.about_us .lic{float: left;width: 100%;font-size:16px;line-height:30px;color: #000000;}
.about_us .contc .ul{width: 100%;margin-top: calc(10px + 0.26rem);margin-bottom: calc(10px + 0.27rem);}
.about_us .contc .ul::after{content: "";display: block;clear: both;}
.about_us .contc .li{float: left;width: 50%;line-height: 0;position: relative;overflow: hidden;}
.about_us .contc .li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.about_us .contc .li span{display: block;position: absolute;background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));width:100%;left: 0;bottom: 0;font-size:18px;line-height:30px;color: #ffffff;padding:calc(4px + 0.06rem) calc(10px + 0.16rem);}
.about_us .us_sectD{float: left;width: 100%;margin-top: calc(10px + 0.8rem);font-size:16px;line-height:30px;color: #000000;}
.about_us .contd{float: left;width: 100%;font-size:16px;line-height:30px;color: #000000;margin-top: calc(10px + 0.38rem);word-wrap: break-word;}
.about_us .contd .d1{float: left;width: 100%;margin-bottom: calc(10px + 0.55rem);}
.about_us .contd .d2{float: left;width: 100%;}
.about_us .contd .uld{width:100%;flex-wrap:wrap; display: flex;margin-top: calc(10px + 0.13rem);margin-bottom: calc(10px + 0.37rem);}
.about_us .contd .uld::after{content: "";display: block;clear: both;}
.about_us .contd .lid{float: left;width:33.33%;}
.about_us .contd .lid a{float: left;width: 100%;padding:0.58rem 0.32rem 0.32rem 0.26rem;}
.about_us .contd .numb{display: block;width: 100%;font-size:48px;line-height:1;color: #b1040e;font-weight: bold; padding-left:33px;}
.about_us .contd .textd{display: block;width: 100%;font-size:16px;line-height:22px;color: #111111;margin-top:0.1rem;word-wrap: break-word;}
.about_us .contd .lid:nth-child(2){width: 66.66%;}
.about_us .contd .lid:nth-child(2) a{background: url(../img/about7.jpg) no-repeat;background-size: cover;padding: 0.5rem 0.5rem 0.5rem 0.4rem;}
.about_us .contd .lid:nth-child(3) a{background: url(../img/about8.jpg) no-repeat;background-size: cover;}
.about_us .contd .textd2{display: block;width: 100%;font-size:24px;line-height:30px;color: #ffffff; font-weight:bold; text-transform: uppercase;}
.about_us .us_sectE{float: left;width: 100%;margin-top: calc(10px + 0.77rem);font-size:16px;line-height:30px;color: #000000;}
.about_us .us_sectE .e1{float: left;width: 100%;margin-top: calc(10px + 0.3rem);margin-bottom: calc(10px + 0.47rem);}
.about_us .us_sectE .ule{float: left;width: calc(100% + 6px + 0.08rem);margin: calc(-3px - 0.04rem);}
.about_us .us_sectE .lie{float: left;padding: calc(3px + 0.04rem);line-height: 0;position: relative;}
.about_us .lie:nth-child(1){width: 47.64%;}
.about_us .lie:nth-child(2){width: 47.16%;}
.about_us .lie:nth-child(3){width: 31%;}
.about_us .lie:nth-child(4){width: 21.36%;}
.about_us .lie:nth-child(3) .ontext{}
.about_us .lie:nth-child(4) .ontext{}
.about_us .lie .ontext{display: block;position: absolute;text-align: center;word-wrap: break-word;width:100%;left: 50%;top: 50%;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); padding:0 20%;}
.about_us .lie .ontext .ot1{display: block;width: 100%; font-size:48px;line-height:1;color: #ffffff;font-weight: bold;margin-bottom: calc(10px + 0.1rem);}
.about_us .lie .ontext .ot2{display: block;width: 100%; font-size:16px;line-height:22px;color: #ffffff;}
.about_us .lie:nth-child(1) .ontext .ot2{ font-size:20px; line-height:30px;}
.about_us .us_sectE .e2{float: left;width: 100%;}

@media screen and (max-width:1600px) {
.about_us .lie .ontext{ padding:0 8%;}
}
@media screen and (max-width:1024px) {
.about_us .title{ font-size:26px;}
.about_us .contd .numb{ font-size:36px; padding-left:20px;}
.about_us .contd .textd2{ font-size:20px;}
.about_us .lie .ontext .ot1{ font-size:36px;}
.about_us .h4{ font-size:20px; line-height:26px;}
}
@media screen and (max-width:767px) {
.about_us .contc .li{ width:100%;}
.about_us .contd .lid{width:100%;}
.about_us .contd .lid a{ padding:0.58rem 0.32rem 0.58rem 0.26rem;}
.about_us .contd .lid:nth-child(2){width:100%;}
.about_us .contd .lid:nth-child(4){ border:1px solid #f0f3f5;}
.about_us .contd .lid:last-child{ background:#f0f3f5;}
.about_us .contd .lid:last-child a{ padding:0.5rem 0.6rem 0.5rem 0.6rem;}
.about_us .contd .lid:nth-child(2) a{ padding:0.5rem 0.6rem 0.5rem 0.6rem;}
.about_us .contd .lid:nth-child(3) a{ padding:0.5rem 0.6rem 0.5rem 0.6rem;}
.about_us .contd .lid:nth-child(4) a{ padding:0.5rem 0.6rem 0.5rem 0.6rem;}
.about_us .lie:nth-child(1){width: 100%;}
.about_us .lie:nth-child(2){width: 100%;}
.about_us .lie:nth-child(3){width: 50%;}
.about_us .lie:nth-child(4){width: 50%;}
}

.history .years_nav{float: left;width: 100%;margin-top:24px;}
.history .years_nav ul{float: left;width: 100%;padding:20px 0; display:flex; justify-content:center;}
.history .years_nav li{float: left;}
.history .years_nav a{float: left; position:relative; font-size:20px;line-height:30px;color: #221815;padding:0 34px;}
.history .years_nav a:after{ float:left; width:2px; height:18px; content:''; position:absolute; right:-1px; top:50%; background:#f0f3f5; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.history .years_nav li:first-child a{padding-left: 0 !important;}
.history .years_nav li:last-child a{ padding-right:0 !important;}
.history .years_nav li:last-child a:after{ display:none;}
.history .years_nav li a:hover{color: #9c0f0f;}
.history .years_nav li .on{color: #9c0f0f;}
.history .h_list img{display: block;transition: all .5s ease .1s; position:relative; min-height:100%;max-width:100%;}
.history .h_list{float: left;width: 100%;margin-top:10px;}
.history .h_list .ul{float: left;width: 100%;}
.history .h_list .li{float: left;width: 100%;}
.history .h_list .li a{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.history .h_list .li:nth-child(2n) a{flex-direction: row-reverse;}
.history .h_list ._l{float: left;width: 50%; padding:6.1% 4.7% 6.1% 6.6%;background: #f0f3f5;}
.history .h_list .year{float: left;width: 100%;font-size:30px;line-height:36px;color:#004487;font-weight: bold;}
.history .h_list .cont{float: left;width: 100%;font-size:18px;line-height:24px;color: #000000;margin-top:3%; min-height:168px; /*overflow: hidden; overflow-y: auto; scrollbar-width: thin;max-height: calc(116px + 0.34rem);*/}
.history .h_list .cont::-webkit-scrollbar{ display: none;}
.history .h_list ._r{float: right;width: 50%;line-height: 0;overflow: hidden;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}
.history .h_list a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.history .h_list a:hover .year{color:#b1040e;}
@media screen and (max-width:1600px) {
.history .h_list ._l{padding:4.7% 4.7% 4.7% 4.7%;}
.history .h_list .cont{ min-height:132px;}
}
@media screen and (max-width:1024px) {
.history .years_nav{ margin-top:15px;}
.history .years_nav ul{ padding:10px 0;}
.history .h_list ._l{padding:4.7% 4.7% 4.7% 4.7%;}
}
@media screen and (max-width:767px) {
.history .years_nav a{ font-size:16px; line-height:26px; padding:0 10px;}
.history .years_nav a:after{ height:14px;}
.history .h_list .li{margin-bottom: 10px;}
.history .h_list ._l{width: 100%;}
.history .h_list ._r{width: 100%;}
.history .h_list .li a{flex-wrap: wrap-reverse;}
.history .h_list .year{ font-size:24px; line-height:32px;}
.history .h_list .cont{ font-size:16px; min-height:inherit;}
.history .h_list img{ width:100%;}
}









/*.about_us .title{float: left;width: 100%;font-size: calc(16px + 0.2rem);line-height:calc(16px + 0.2rem);color: #b1040e;padding-top:calc(4px + 0.09rem);font-weight: bold;padding-left: calc(10px + 0.18rem);position: relative;}
.about_us .title::after{content: "";display: block;position: absolute;width: calc(2px + 0.02rem);height: 100%;background: #b1040e;left: 0;top: 0;}
.about_us .us_sectA{float: left;width: 100%;margin-top: calc(20px + 0.36rem);}
.about_us .conta{float: left;width: 100%;margin-top: calc(10px + 0.4rem);background:url(../img/about2.jpg) bottom no-repeat;background-size: cover;font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.1rem);color: #000000;padding: calc(10px + 0.22rem) calc(10px + 0.42rem) calc(10px + 0.6rem) calc(10px + 0.36rem);}
.about_us .us_sectB{float: left;width: 100%;margin-top: calc(10px + 0.87rem);}
.about_us .contb{float: left;width: 100%;margin-top: calc(10px + 0.43rem);}
.about_us .contb .opt{float: left;width: 100%;font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.14rem);color: #000000;padding:calc(10px + 0.4rem) calc(10px + 0.44rem) calc(10px + 0.3rem) calc(10px + 0.36rem);margin-bottom: calc(4px + 0.1rem);background-size: cover;}
.about_us .contb .b1{background: #f0f3f5;}
.about_us .contb .b2{background: url(../img/about3.jpg);color: #ffffff;}
.about_us .contb .b3{background: url(../img/about4.jpg);margin-bottom: 0;}
.about_us .h4{font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.1rem);color: #b1040e;margin-bottom: calc(10px + 0.08rem);}
.about_us img{display: block;width: 100%;transition: all .5s ease .1s;}
.about_us .us_sectC{float: left;width: 100%;margin-top: calc(10px + 0.87rem);}
.about_us .contc{float: left;width: 100%;margin-top: calc(10px + 0.38rem);}
.about_us .ulc{float: left;width: 100%;}
.about_us .lic{float: left;width: 100%;font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.1rem);color: #000000;}
.about_us .contc .ul{width: 100%;margin-top: calc(10px + 0.26rem);margin-bottom: calc(10px + 0.27rem);}
.about_us .contc .ul::after{content: "";display: block;clear: both;}
.about_us .contc .li{float: left;width: 50%;line-height: 0;position: relative;overflow: hidden;}
.about_us .contc .li:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.about_us .contc .li::after{content: "Qianfoshan Campus";display: block;position: absolute;background:linear-gradient(to top,rgba(0,0,0,1),rgba(0,0,0,0));width:100%;left: 0;bottom: 0;font-size: calc(12px + 0.06rem);line-height: calc(20px + 0.1rem);color: #ffffff;padding:calc(4px + 0.06rem) calc(10px + 0.16rem);}
.about_us .contc .li:last-child::after{content: "Changqinghu Campus";}
.about_us .us_sectD{float: left;width: 100%;margin-top: calc(10px + 0.8rem);font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.1rem);color: #000000;}
.about_us .contd{float: left;width: 100%;font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.1rem);color: #000000;margin-top: calc(10px + 0.38rem);word-wrap: break-word;}
.about_us .contd .d1{float: left;width: 100%;margin-bottom: calc(10px + 0.55rem);}
.about_us .contd .d2{float: left;width: 100%;}
.about_us .contd .uld{width:100%;margin-top: calc(10px + 0.13rem);margin-bottom: calc(10px + 0.37rem);}
.about_us .contd .uld::after{content: "";display: block;clear: both;}
.about_us .contd .lid{float: left;width:33.33%;}
.about_us .contd .lid a{float: left;width: 100%;height:calc(100px + 1rem);padding: calc(10px + 0.5rem) calc(10px + 0.22rem) calc(10px + 0.22rem) calc(10px + 0.16rem);}
.about_us .contd .numb{display: block;width: 100%;font-size: calc(14px + 0.34rem);line-height: calc(20px + 0.28rem);color: #b1040e;font-weight: bold;}
.about_us .contd .textd{display: block;width: 100%;font-size: calc(12px + 0.04rem);line-height: calc(18px + 0.03rem);color: #111111;margin-top: calc(10px + 0.08rem);word-wrap: break-word;}
.about_us .contd .lid:nth-child(2){width: 66.66%;}
.about_us .contd .lid:nth-child(2) a{background: url(../img/about7.jpg) no-repeat;background-size: cover;padding: calc(10px + 0.4rem) calc(10px + 0.4rem) calc(10px + 0.4rem) calc(10px + 0.3rem);}
.about_us .contd .lid:nth-child(3) a{background: url(../img/about8.jpg) no-repeat;background-size: cover;}
.about_us .contd .textd2{display: block;width: 100%;font-size: calc(14px + 0.1rem);line-height: calc(20px + 0.14rem);color: #ffffff;text-transform: uppercase;}
.about_us .us_sectE{float: left;width: 100%;margin-top: calc(10px + 0.77rem);font-size: calc(12px + 0.04rem);line-height: calc(20px + 0.1rem);color: #000000;}
.about_us .us_sectE .e1{float: left;width: 100%;margin-top: calc(10px + 0.3rem);margin-bottom: calc(10px + 0.47rem);}
.about_us .us_sectE .ule{float: left;width: calc(100% + 6px + 0.08rem);margin: calc(-3px - 0.04rem);}
.about_us .us_sectE .lie{float: left;padding: calc(3px + 0.04rem);line-height: 0;position: relative;}
.about_us .lie:nth-child(1){width: 47.64%;}
.about_us .lie:nth-child(2){width: 47.16%;}
.about_us .lie:nth-child(3){width: 31%;}
.about_us .lie:nth-child(4){width: 21.36%;}
.about_us .lie:nth-child(3) .ontext{width: calc(100px + 1.5rem);}
.about_us .lie:nth-child(4) .ontext{width: calc(50px + 0.5rem);}
.about_us .lie .ontext{display: block;position: absolute;text-align: center;word-wrap: break-word;width: calc(156px + 2rem);left: 50%;top: 50%;transform: translate(-50%,-50%);}
.about_us .lie .ontext .ot1{display: block;width: 100%; font-size: calc(14px + 0.34rem);line-height: calc(20px + 0.28rem);color: #ffffff;font-weight: bold;margin-bottom: calc(10px + 0.1rem);}
.about_us .lie .ontext .ot2{display: block;width: 100%; font-size: calc(12px + 0.08rem);line-height: calc(20px + 0.14rem);color: #ffffff;}
.about_us .us_sectE .e2{float: left;width: 100%;}

@media screen and (max-width:1600px) {
.about_us .contd .lid a{padding: calc(10px + 0.1rem);}
.about_us .lie .ontext .ot1{margin-bottom: 4px;}
.about_us .contd .lid:nth-child(2) a{padding:calc(10px + 0.3rem) calc(10px + 0.1rem);}
.about_us .lie:nth-child(3) .ontext{width: calc(80px + 1.3rem);}
.about_us .lie .ontext .ot2{font-size: calc(12px + 0.04rem);}
.about_us .lie .ontext .ot2 br{display: none;}
}
@media screen and (max-width:767px) {
  .about_us .contd .lid{width:100%;}
  .about_us .contd .lid:nth-child(2){width:100%;}
  .about_us .lie:nth-child(1){width: 100%;}
.about_us .lie:nth-child(2){width: 100%;}
.about_us .lie:nth-child(3){width: 50%;}
.about_us .lie:nth-child(4){width: 50%;}
}

.history .years_nav{float: left;width: 100%;margin-top: calc(10px + 0.14rem);}
.history .years_nav ul{float: left;width: 100%;padding: calc(10px + 0.16rem) 0;}
.history .years_nav li{float: left;}
.history .years_nav a{float: left;font-size: calc(14px + 0.06rem);line-height: calc(14px + 0.06rem);color: #221815;border-right: 2px solid #f0f3f5;padding:0 calc(10px + 0.24rem);}
.history .years_nav li:first-child a{padding-left: 0;}
.history .years_nav li:last-child a{border-right: none;}
.history .years_nav li a:hover{color: #9c0f0f;}
.history .years_nav li .on{color: #9c0f0f;}
.history img{display: block;width: 100%;transition: all .5s ease .1s;}
.history .h_list{float: left;width: 100%;margin-top: calc(4px + 0.06rem);}
.history .h_list .ul{float: left;width: 100%;}
.history .h_list .li{float: left;width: 100%;}
.history .h_list .li a{float: left;width: 100%;display: flex;flex-wrap: wrap;}
.history .h_list .li:nth-child(2n) a{flex-direction: row-reverse;}
.history .h_list ._l{float: left;width: 50%;padding: calc(10px + 0.6rem) calc(10px + 0.34rem) calc(10px + 0.6rem) calc(10px + 0.62rem);background: #f0f3f5;}
.history .h_list .year{float: left;width: 100%;font-size: calc(14px + 0.16rem);line-height: calc(20px + 0.1rem);color:#004487;font-weight: bold;}
.history .h_list .cont{float: left;width: 100%;font-size: calc(12px + 0.06rem);line-height: calc(20px + 0.05rem);color: #000000;margin-top: calc(10px + 0.1rem);overflow: hidden; overflow-y: auto; scrollbar-width: thin;max-height: calc(116px + 0.34rem);}
.history .h_list .cont::-webkit-scrollbar{ display: none;}
.history .h_list ._r{float: right;width: 50%;line-height: 0;overflow: hidden;}
.history .h_list a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.history .h_list a:hover .year{color:#b1040e;}
@media screen and (max-width:1600px) {
.history .h_list ._l{padding: calc(10px + 0.2rem) calc(10px + 0.2rem) calc(10px + 0.2rem) calc(10px + 0.3rem);}
}
@media screen and (max-width:767px) {
  .history .h_list .li{margin-bottom: 10px;}
  .history .h_list ._l{width: 100%;}
  .history .h_list ._r{width: 100%;}
  .history .h_list .li a{flex-wrap: wrap-reverse;}
  .history .h_list ._l{height: 192px;}
}*/



/*20230112start*/
.footerT .share li .WeChat{ z-index:6;}

.GP_indexbox{ float:left;
	width: 100%; margin-top:calc(10px + 0.3rem);
}
.GP_indexbox .GPindex_table{
	width: 100%; float:left;
}
.GP_indexbox .GPindex_table tbody {
	width: 100%; float:left;
}
.GP_indexbox .GPindex_table th,
.GP_indexbox .GPindex_table td {
	height: 90px; padding:3px 3px;
	text-align: center;
	border: 1px solid rgba(186, 186, 186, 0.3);
	line-height: 24px; font-weight:bold;
}
.GP_indexbox .GPindex_table th:first-child,
.GP_indexbox .GPindex_table td:first-child{ padding:3px 12px;}
.GP_indexbox .GPindex_table th a {
	color: inherit;
}

.GP_indexbox .GPindex_table th a:hover {
	color: #d11e27;
}

.GP_indexbox .GPindex_table .color_d9 th {
	background-color: #d9d9d9;
	font-size: 18px;
	color: #666666;
	font-family: Arial;
}

.GP_indexbox .GPindex_table .color_f3 th,
.GP_indexbox .GPindex_table .color_f3 td {
	color: #666666;
	font-size: 14px;
	font-family: Arial;
	background-color: #f3f3f3;
}

.GP_indexbox .GPindex_table .color_ff th {
	color: #666666;
	font-size: 14px;
	font-family: Arial;
	background-color: #ffffff;
}

.GP_indexbox .GPindex_table .color_00 th,
.GP_indexbox .GPindex_table .color_00 td {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	background-color: #b1040e;
}

.GP_indexbox .GPindex_table .GPtable_Tleft {
	text-align: left;
	padding-left: 30px;
}

.shouzhi { float:left;
		display: none;
		width: 100%;
		text-align: center;
		line-height: 30px;
		margin: 0px auto 15px;
	}
	.shouzhi img {
		height: 20px;
		animation: zhixiang 0.5s linear 0s infinite normal;
		/* Firefox: */
		-moz-animation: zhixiang 0.5s linear 0s infinite normal;
		/* Safari 和 Chrome: */
		-webkit-animation: zhixiang 0.5s linear 0s infinite normal;
		/* Opera: */
		-o-animation: zhixiang 0.5s linear 0s infinite normal;
	}
	@keyframes zhixiang {
		from {
			margin-left: 0px;
		}
		to {
			margin-left: 15px;
		}
	}
	@-moz-keyframes zhixiang/* Firefox */
	{
		from {
			margin-left: 0px;
		}
		to {
			margin-left: 15px;
		}
	}
	@-webkit-keyframes zhixiang/* Safari 和 Chrome */
	{
		from {
			margin-left: 0px;
		}
		to {
			margin-left: 15px;
		}
	}
	@-o-keyframes zhixiang/* Opera */
	{
		from {
			margin-left: 0px;
		}
		to {
			margin-left: 15px;
		}
	}
    .footerT .links{ z-index:6;}
@media screen and (max-width:767px) {
.GP_indexbox {
		width: 100%;
		overflow-x: scroll;
		-ms-overflow-x: scroll;
		overflow: yes;
		-ms-touch-action: auto;
		touch-action: auto
	}
	.GP_indexbox .GPindex_table{
		position: relative;
		width: 768px;
		overflow: auto;
		-ms-touch-action: auto;
		touch-action: auto
	}
    .shouzhi {
	display: block;
}
}




/*20230221start*/
.sy_sectF .Active.contf{background:none;}
.sy_sectF .Active .contbox{ border:1px solid rgba(255,255,255,0);}
.sy_sectF .Active .c1{opacity:0;}
.sy_sectF .Active .c2{opacity:0;}

/*20230221end*/



@media screen and (max-width:767px) {
/*20230221start*/
.sy_sectF .Active.contf{background:rgba(153, 0, 0, 0.9);}
.sy_sectF .Active .contbox{ border:1px solid rgba(255,255,255,1);}
.sy_sectF .Active .c1{opacity:1;}
.sy_sectF .Active .c2{opacity:1;}
}
/*20230221end*/


/*202300223start*/
.history .years_nav li.on a{ color:#b1040e;}
.pangea-cmp .carousel-banner-slides{ padding-bottom:0;}

.Comindex_ul {float:left;
	width: 100%;
	margin-bottom: 60px;
}
.Comindex_ul li {
	width: 100%;
	padding: 66px 0px 60px 0px;
	overflow: hidden;
	border-bottom: 1px solid #eeeeee;
}
.Comindex_ul li a{ width:100%;}
.Comindex_ul li .Comindexu_time {
	width:50px;
	text-align: center; display:flex; justify-content:center; flex-wrap:wrap;
	float: left;
	margin: 0px 6% 0px 6%;
	border-bottom: 1px solid #888888;
}
.Comindexu_time .Comindexu_yue {
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	color: #000;
	padding-bottom:8px;
}
.Comindexu_time .Comindexu_date {
	display: inline-block;
	font-size:32px;
	color: #464646;
	padding-bottom:17px;
}
.Comindex_ul li .Comindexu_text {
	padding-right: 9%;
	float: left; width:-webkit-calc(88% - 198px); width:-moz-calc(88% - 198px); width:calc(88% - 198px);
}
.Comindex_ul li .Comindexu_text h4 {
	font-size: 18px;
	line-height: 26px;
	color: #464646;
	padding-bottom: 10px;
}
.Comindex_ul li .Comindexu_text p {
	font-size: 16px;
	line-height: 24px;
	color: #888888;
}
.Comindex_ul li .Comindexu_read {
	width:148px;
	float: left;
	height: 100%;
}
.Comindex_ul li .Comindexu_read a {
	display: inline-block;
	width: 130px;
}
.Comindex_ul li .Comindexu_read span {
	display: block;
	width: 130px;
	height:84px;
	font-size: 16px;
	line-height: 84px;
	color: #666666;
	text-transform: uppercase;
	padding-right: 28px; position:relative;
}
.Comindex_ul li .Comindexu_read span:after{ display:block; content:''; position:absolute; right:0; top:50%; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent;border-left:10px solid #b1040e; margin-top:-8px; }
.Comindex_ul li a:hover .Comindexu_read span{
	color: #b1040e;
}
.Comindex_ul li a:hover .Comindexu_text h4{
	color: #b1040e;
}
.Comindex_ul li a:hover .Comindexu_time .Comindexu_date{
	color: #b1040e;
}

@media screen and (max-width:767px) {
.Comindex_ul li{ padding:40px 0 30px 0;}
.Comindex_ul li .Comindexu_time,
.Comindex_ul li .Comindexu_text,
.Comindex_ul li .Comindexu_read {
float: none;
}
.Comindex_ul li .Comindexu_time{  margin:0px 6.16% 0px 0;}
#mCSB_1_scrollbar_vertical {
background: #E1E1E1;
opacity: 1;
}
.Comindex_ul li .Comindexu_text {
width: 100%;
margin-left:0; padding-right:0;
margin-top: 20px;
}
.Comindex_ul li .Comindexu_read {
width: 100%;
margin-left: 0%;
margin-top: 10px;
}
.Comindex_ul li .Comindexu_read span {
height: auto;
line-height: 48px;
background-position: 100% 16px;
float: left;
}
}




.h_list1{float:left;width:100%; position:relative; padding:15px 10%; margin-top:10px;}
.h_list1:after,
.h_list1:before{content:"";height:15px;width:15px;border-radius:100%;background:#C01; position:absolute;top:0;left:50%;transform:translate(-50%,0); z-index:1;}
.h_list1:before{ top:auto; bottom:0; }
.h_list1 ul{float:left;width:100%;position:relative; z-index:3; padding:20px 0;}
.h_list1 ul:after{ float:left; width:1px; height:100%; content:''; position:absolute; left:50%; top:0; z-index:1; background:#eeeeee;}
.h_list1 ul li{float:right;width:50%;position:relative; z-index:6; margin:25px 0; padding:0 30px; }
.h_list1 ul li .left{width:100%;float:left}
.h_list1 ul li .right{width:100%;float:left;background:#f0f3f5;padding:20px 20px;border-radius:8px 8px 8px 8px; min-height:90px; display:flex; flex-wrap:wrap; align-items:center; margin-top:30px;}
.h_list1 ul li .right ._r{width:100%;float:left; line-height:0; margin:10px 0 0 0;}
.h_list1 ul li .right h6{ line-height:24px;text-align:left; font-size:18px;color:#333;width:100%;  float: right; margin:6px 0;}
.h_list1 ul li .box{ height:90px;width:90px;background:#f0f3f5;font-size:24px;text-align:center;line-height:90px;color:#333;
position:relative;border-radius:50%;float:left;}
.h_list1 ul li .box:before{ float:left; content:''; position:absolute; left:50%; top:100%; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent;border-bottom: 15px solid #f0f3f5; margin:15px 0 0 -12px; }
.h_list1 ul li .left .box:after{content:"";background:#eeeeee;height:1px;width:30px;
position:absolute;top: 50%;transform: translate(0, -50%);left: -30px;}
.h_list1 ul li .circle{height:22px;width:22px;border-radius:100%;
background:rgba(102,102,102,0.5);position:absolute;left:0;
top:34px;transform:translate(-50%,0); -ms-transform:translate(-50%,0);}
.h_list1 ul li .circle:after{content:"";height:12px;width:12px;position:absolute;top:50%;
left:50%;background:#f0f3f5;border-radius:50%;transform:translate(-50%,-50%);}

.h_list1 ul li:nth-child(2){ margin-top:190px;}
.h_list1 ul li:nth-child(2n){ float:left;}
.h_list1 ul li:nth-child(2n) .right{ justify-content:flex-end;}
.h_list1 ul li:nth-child(2n) .right h6{text-align:right;}
.h_list1 ul li:nth-child(2n) .box{float:right;}
.h_list1 ul li:nth-child(2n) .left{ float:right;}
.h_list1 ul li:nth-child(2n) .left .box:after{right:-30px;left:auto;}
.h_list1 ul li:nth-child(2n) .circle{ left:auto; right:0;transform:translate(50%,0); -ms-transform:translate(50%,0);}
.h_list1 ul li:hover .circle{background:#b1040e;}
.h_list1 ul li:hover .circle:after{background:#fff;}
.h_list1 ul li:hover .box{background:#b1040e;color:#fff;}
.h_list1 ul li:hover .box:before{border-bottom: 15px solid #b1040e;}
.h_list1 ul li:hover .right{background:#b1040e;}
.h_list1 ul li:hover .right h6{ color:#FFF;}



@media screen and (max-width:767px) {
.h_list1{ padding:15px 0;}
.h_list1:after,
.h_list1:before{left:7px;}
.h_list1 ul{padding:25px 0;}
.h_list1 ul:after{ left:7px;}
.h_list1 ul li{ padding:0 0 0 40px; width:100%; margin:10px 0;}
.h_list1 ul li .box{height:70px;width:70px;font-size:20px;line-height:70px;}
.h_list1 ul li .box:before{ margin:5px 0 0 -12px;}
.h_list1 ul li .left .box::after{ width:30px;right: -15px;}
/*.h_list1 ul li .left{ width:95px;}*/
.h_list1 ul li .right{/*width:calc(100% - 120px);*/ min-height:70px;padding:15px 15px; margin-top:15px;}
.h_list1 ul li .circle{ left:7px; top:27px; width:16px; height:16px;}
.h_list1 ul li .circle:after{ width:8px; height:8px;}
.h_list1 ul li:nth-child(2){ margin-top:10px;}
.h_list1 ul li:nth-child(2n) .right{float:right; justify-content:flex-start;}
.h_list1 ul li:nth-child(2n) .left{ float:left;}
.h_list1 ul li:nth-child(2n) .box{float:left;}
.h_list1 ul li:nth-child(2n) .left .box:after{right:auto;left:-30px;}
.h_list1 ul li:nth-child(2n) .right h6{ text-align:left;}
.h_list1 ul li:nth-child(2n) .circle{ right:auto; left:7px;transform:translate(-50%,0); -ms-transform:translate(-50%,0);}

}



.showMore{ position:absolute; right:0; top:0; float:right; width:44px; height:44px;}
.showMore:after{  position:absolute; left:50%; top:50%; content:''; width:10px; height:10px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); border-top:1px solid #000;  border-right: 1px solid #000;}
.showMore.on{ transform:rotate(90deg);}
.showMore.on:after{ margin-left:-3px;}

@media screen and (max-width:1024px) {
.slideL li{ width:100%; display:none;}
.slideL li.on{ display:block;}
.slideL.on li{ display:block;}

.showMore{ display:block;}

}


/*20230308start*/
.sy_sectD li a{ align-items:flex-end;}
.sy_sectD .cont_l{ text-align:center; padding:2.8% ;}
.sy_sectD .cont_l .bg{ float:left; width:100%; line-height:0; position:absolute; left:0; bottom:0.08rem; text-align:center;z-index: 1;}
.sy_sectD .cont_l .bg img{ width:57.64%;}
.sy_sectD .cont_l .ico{ float:left; width:100%; line-height:0;position: relative;z-index: 6;}
.sy_sectD .cont_l .ico img{ width:42px; height:42px;}
.sy_sectD .cont_l .p{ float:left; width:100%; line-height:0; color:#000;font-size: calc(14px + 0.16rem); line-height: calc(20px + 0.2rem); margin:6px 0 0.3rem 0;position: relative;z-index: 6;}
.sy_sectD .cont_l .btn{ float:left; width:100%; display:flex; justify-content:center;position: relative;z-index: 6;}
.sy_sectD .cont_l .btn i{ float:left; margin:0 auto; width:calc(26px + 0.3rem); height: calc(26px + 0.3rem); border-radius:50%; border:1px solid #b1040e; position:relative;}
.sy_sectD .cont_l .btn i:after{ float:left; width:8px; height:8px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); border-top:1px solid #b1040e;  border-right:1px solid #b1040e; margin-left:-1px;}
.sy_sectD li a:hover .cont_l .p{ color:#b1040e;}
.sy_sectD li a:hover .cont_l .btn i{ background:#b1040e; }
.sy_sectD li a:hover .cont_l .btn i:after{ border-top:1px solid #fff;  border-right:1px solid #fff; }
.sy_sectD li a:hover .bg img,
.sy_sectD li a:hover .ico img{-webkit-transform: scale(1); -moz-transform: scale(1);transform: scale(1);}
.sy_sectD li:nth-child(2n) .cont_l{ padding:2.8% ; margin-bottom:5.1%;}
.sy_sectD li:nth-child(2n) .bg{ bottom:auto; top:0;}

@media screen and (max-width:1440px) {
.sy_sectD li:nth-child(2n) .cont_l{ margin-bottom:4.1%;}

}
@media screen and (max-width:1024px) {
.sy_sectD .cont_l{ padding:2.8%; margin:0.4rem 0; }
.sy_sectD li:nth-child(2n) .cont_l{ padding:2.8% ; margin:0.4rem 0;}
.sy_sectD .cont_l .ico img{ width:32px; height:32px;}
}
@media screen and (max-width:767px) {
.sy_sectD .cont_l{ padding:2.8%; margin:0.4rem 0; }
.sy_sectD .cont_l .bg{ bottom:-0.32rem;}
.sy_sectD li:nth-child(2n) .bg{ bottom:auto; top:0;}
.sy_sectD li:nth-child(2n) .cont_l{ padding:2.8%; margin:0.4rem 0; }

}



.sy_sectA li{margin-bottom: 8.5%;}
.sy_sectA ._img{ position:relative; overflow:hidden; padding-bottom:56.25%;}
.sy_sectA ._img img{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%)  scale(1);transform:translate(-50%,-50%)  scale(1);}
.sy_sectA .cont_R:hover ._img img{ -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%)  scale(1.1);transform:translate(-50%,-50%)  scale(1.1);}
.newsList ul li .img{ position:relative; padding-bottom:16%; display:flex;}
.newsList ul li .img img{ position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%) scale(1); -moz-transform:translate(-50%,-50%)  scale(1);transform:translate(-50%,-50%)  scale(1);}
.newsList ul li a:hover .img img{ -webkit-transform:translate(-50%,-50%) scale(1.1); -moz-transform:translate(-50%,-50%)  scale(1.1);transform:translate(-50%,-50%)  scale(1.1);}
.newsList ul .l1 a{ display:block;}
.newsList ul .l1 .img{ padding-bottom:29.8%;}

@media screen and (max-width:1024px) {
.newsList ul li .img {width:162px;min-width: 162px;margin-left: 5px;}
.newsList ul .l1 .text{ padding:30px;}
}
@media screen and (max-width:767px) {
.sy_sectA ._img{padding-bottom:67.25%;}
.newsList ul .l1 .img{ padding-bottom:56.25%;}

}




.sy_sectA li{ margin-bottom:1.5%;}
.sy_sectA .box{background: #d82225;}
.sy_sectA .box::before{ float:right; content:''; position:absolute; top:0; right:0; z-index:1; background:url(../img/00.png) right top no-repeat; background-size:contain; width:3.15rem; height:2.84rem;}
.sy_sectA .box .cont3{ float:left; width:79%; position:relative; z-index:6;}
.sy_sectA .box .img3{ float:left; width:100%; position:relative; line-height:0; padding-bottom:56.25%;overflow:hidden; box-shadow: 0 0.19rem 0.29rem rgba(0, 0, 0, 0.21);}
.sy_sectA .box .img3 img{ height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.sy_sectA .box .cont3:hover .img3 img{ transform:translate(-50%,-50%) scale(1.1); -ms-transform:translate(-50%,-50%) scale(1.1); }
.sy_sectA .box .text3{ float:left; width:100%; margin-top:0.35rem; position:relative; padding-right:0.6rem;}
.sy_sectA .box .text3 .more{ float:left; width:0.4rem; height:0.4rem; background:#fff; border-radius:50%; position:absolute; right:0; top:50%; margin-top:-0.2rem;}
.sy_sectA .box .text3 .more:after{ float:left; width:8px; height:8px; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); border-top:1px solid #df1616; border-right:1px solid #df1616; margin-left:-2px;}
.sy_sectA .box .cont3:hover .text3 .more{ background:#b1040e;}
.sy_sectA .box .cont3:hover .text3 .more:after{ border-top:1px solid #fff; border-right:1px solid #fff;}
.sy_sectA .box .text3 .ime{float: left;width: 100%; color:#000000; font-size: calc(12px + 0.06rem);line-height: calc(18px + 0.06rem);}
.sy_sectA .box .text3 .p{float: left;width: 100%; color:#000000; font-size: calc(12px + 0.1rem);line-height: calc(18px + 0.1rem);  max-height: calc(18px + 0.12rem); overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1; margin-top:0.1rem;}
.sy_sectA .box .cont3:hover .text3 .p{color: #b1040e;}

@media screen and (max-width:767px) {
.sy_sectA .box::before{ display:none;}
.sy_sectA .box .cont3{ width:100%;}
.sy_sectA .cont_R::before{ float:right; content:''; position:absolute; bottom:calc(18px + 0.4rem); right:-15px; z-index:1; background:url(../img/00.png) right top no-repeat; background-size:contain; width:3.15rem; height:2.84rem;}
.sy_sectA .box .text3{ padding-right:1.4rem; margin-top:0.6rem;}
.sy_sectA .box .text3 .more{ float:left; width:1rem; height:1rem; margin-top:-0.5rem; }

}




.pangea-cmp img{object-fit: cover;}
.index-banner a:after{ height:112px;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), transparent);opacity: 1; top:0;}
.banner_ph .div::after{float: left;width: 100%;height:70px;content: '';position: absolute;left: 0;z-index: 1;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), transparent);top: 0;}
.banner_ph .div .bg img{ opacity:1;object-fit: cover;}
@media screen and (max-width:1024px) {

}



.js-banner .cont{ padding:0.5rem calc(36px + 1.02rem) 0.5rem calc(10px + 0.66rem);}
.js-banner .text{ display:flex; flex-wrap:wrap; align-items:center; height:calc(20px + 0.18rem);-webkit-line-clamp:1;}
@media screen and (max-width:1024px) {
.js-banner .cont{ padding:0.6rem calc(25px + 0.4rem) 0.6rem 15px}
}