@charset "utf-8";
/* CSS Document */

/*===========================header=============================*/
#header,#nav ul li h3,.top_menu{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header{ z-index:999; width:100%; display: flex; align-items: center; justify-content: center; position:fixed; top: 0; z-index: 998; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#header .m{ height:100%; display: flex; justify-content: space-between; position: static; }
#header .fr{ max-width: 870px; display: flex; justify-content: space-between; align-items: center; flex-grow: 1;}
#logo{ max-width: 14rem; }
#logo a{ display: flex; height: 100%; align-items: center;}
#logo img{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; width: 68%;}
#logo img.img02{ display: none; opacity: 0;}
#nav{ display: flex; flex-grow: 1; align-items: center; justify-content: space-between; margin-right: 3rem;}
#nav ul{display: flex; flex-grow: 1;}
#nav ul li{ float:left; position:relative; z-index:0; flex-grow: 1; text-align: center; }
#nav ul li a{ display:block; text-transform:uppercase; font-size: 0;}
#nav ul li h3{ font-size:1.125rem; color:#fff; line-height:6.25rem; overflow:hidden; text-align: center; position:relative; z-index: 1; display: inline-block; font-weight: bold;}
#nav ul li h3:before{ content: ""; display: block; width: 0 !important; height: 15px;  background: url(../images/nav_on1.svg) center no-repeat; background-size: 30px; position: absolute; top: 50%; margin-top: 1rem; opacity: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
#nav ul li.on h3:before,#nav ul li:hover h3:before{ width: 34px !important; opacity: 1; }
/* #nav ul li h3:before{ content: ""; display: block; width: 100%; position: absolute; z-index: -1; left: 0; bottom: 0; height: 2px; opacity: 0; visibility: hidden; transform: scaleX(0); background: #0062c0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); }
#nav ul li.on h3:before,#nav ul li:hover h3:before{ opacity: 1; visibility: visible; transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); } */
#nav ul li .sub{
    position:absolute;
    top:100%;
    min-width: 100%;
    left: 50%;
    z-index: 10000;
    display: none;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0,0,0,.1);
    line-height: 20px;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius:.625rem;
    -webkit-border-radius:.625rem;
    -moz-border-radius:.625rem;
    -ms-border-radius:.625rem;
    -o-border-radius:.625rem;
}
#nav ul li .sub .box{ text-align: center; }
#nav ul li .sub a{padding:0;line-height:2.5;color: #fff;transition:.2s;font-size:.9375rem;font-weight: 400;white-space: nowrap;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;background: #008cd6;}
#nav ul li .sub a+a{/* border-top: 1px dotted rgba(255, 255, 255, 0.3); */}
#nav ul li .sub a:hover{background: #f9d100;color: #fff;}
#nav ul li.nav_pro{ position: static;}
#nav ul li .sub.sub_pro{ position: absolute; left: 0; width: 100%; padding: 2.5rem 0; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }
 
.sub.sub_pro ul{ display: flex; align-items: flex-start; justify-content: center;}
.sub.sub_pro ul li{ flex-grow: 0 !important; padding: 0 2.5rem; text-align: left !important;}
.sub.sub_pro ul li a{ background: none !important;}
.sub.sub_pro ul li h5{ font-size: 1rem; line-height: 1.25rem; letter-spacing: -.02em; font-weight: 600; color: rgba(0,0,0,.85); transition:.5s ; -webkit-transition:.5s ; -moz-transition:.5s ; -ms-transition:.5s ; -o-transition:.5s ; }
.sub.sub_pro ul li span{ font-size: 12px;line-height: 16px; display: block; height: 16px; overflow: hidden; letter-spacing: -.02em;color: rgba(0,0,0,.65);}
.sub.sub_pro ul li .pic{ background: #eee; width: 150px; height: 150px; margin-top: 1rem; display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.sub.sub_pro ul li .pic img{ max-width: 100px; max-height: 100px;}
.sub.sub_pro ul li:hover .pic{ background: #f9f9f9;}
.sub.sub_pro ul li:hover .pic img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.sub.sub_pro ul li:hover h5{ color: #0062c0;}

.sub.sub_pro ul li .img{ background: #eee; width: 150px; height: 200px; margin-top: 1rem; display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.sub.sub_pro ul li .img img{ }
.sub.sub_pro ul li:hover .img{ background: #f9f9f9;}
.sub.sub_pro ul li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
 

.sub_nav{display: flex;flex-direction: column;width: 140px;transition: .5s;left: 50%;transform:  scaleY(0) translateX(-70px);transform-origin: top;opacity: 0;visibility: hidden;position: absolute;top:100%;z-index:1;padding: 26px 8px 8px;}
.sub_nav:before{content:"";position:absolute;top: 18px;right:0;bottom:0;left:0;background: #fff;z-index:-1;box-shadow: 0 0 30px rgba(0,0,0,.05);border-radius: 0;}
.sub_nav:after{content:"";position:absolute;border-left: transparent 6px solid;border-right: transparent 6px solid;border-bottom: #fff 8px solid;top: 10px;left: 50%;margin-left: -6px;}
#nav ul li .sub_nav a{display: flex;align-items: center;justify-content: center;font-size: 15px;color: #555;transition: .5s;border-radius: 0;/* border-bottom: #f7f7f7 1px solid; */line-height: 3;}
#nav ul li:hover .sub_nav{transform: scaleY(1)  translateX(-70px);opacity: 1;visibility: visible;}
#nav ul li .sub_nav a:hover{background: #0062c0;color: #fff;}

/*搜索*/
.top_search{} 
.top_search a:hover svg path{ fill: #f9d100 !important;}
.top_search form{ width: 160px; height: 40px; border-radius: 20px; background: #0062c0; display: flex; align-items: center; justify-content: space-between;} 
.top_search form .input{ width: 100px; height: 40px; background: none; border: 0; padding-left: 20px; background: url(../images/top_search.png) 10px center no-repeat; background-size: 1.25rem; padding-left: 2.5rem;} 
.top_search form .button{ width: 60px; background: none; border: 0; outline: 0; color: #fff; } 
.slick-prev:before, .slick-next:before{ display: none !important;}

#header.xg{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
#header.xg #nav ul li h3{ color: #666; line-height: 5rem;}
#header.xg svg path{ fill:#333;}
#header.xg #logo img.img01{ display: none; opacity: 0;}
#header.xg #logo img.img02{ display: block; opacity: 1;}
#header.xg #nav ul li.on h3,
#header.xg #nav ul li:hover h3{ color: #0062c0; }
#header.xg #nav ul li.on h3:before,
#header.xg #nav ul li:hover h3:before{background: url(../images/nav_on.svg) center no-repeat;}

#header.ny{ background: #fff; box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
#header.ny #nav ul li h3{ color: #666;  }
#header.ny svg path{ fill:#333;}
#header.ny #logo img.img01{ display: none; opacity: 0;}
#header.ny #logo img.img02{ display: block; opacity: 1;}
#header.ny #nav ul li.on h3,
#header.ny #nav ul li:hover h3{ color: #0062c0; }
#header.ny #nav ul li.on h3:before,
#header.ny #nav ul li:hover h3:before{background: url(../images/nav_on.svg) center no-repeat;}

.tc[name=tc_search]{ opacity:1 !important; display: block;}

/* .tc{ transition:all ease 300ms; position: fixed; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}

.tc.act{  display: block;  pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box; z-index:999;
  display: block;
  position:relative;

  }

.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right: 30px; top: 30px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.85); position: absolute; top: 0; left: 0; width: 100%; z-index: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; transition:.5s; }
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; } */
#tc_search{ width:100%; padding:3rem 0 6rem; background:#0062c0; position:relative; transform:translateY(-100%); transition:.5s .5s ease-out;  z-index:1;overflow:  hidden;}
.act #tc_search{ transform:translateY(0);  transition:.5s ease-in;}
/*弹窗内容样式*/
#tc_search form{ height:5rem; position:relative; width:900px; max-width:90%; margin:0 auto;}
#tc_search form:after{ content:""; width:0; height:1px; background:#fff; transition:.5s; display:block; position:absolute; bottom:0; left:0;}
.act #tc_search form:after{ width:100%; transition: ease-in-out .5s .5s;}
#tc_search #keyword{width: 90%;height:5rem; font-size:2rem; color:#fff;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0; background:none;}
#tc_search .btn_blue{position:absolute;top:0;right:0;width: 3rem;height: 3rem;border:0;line-height:4.25rem;background: #f9d100 url(../images/search_white.png) center center no-repeat;background-size: 1.5rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;border-radius: 50%;top: 1rem;}
#tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
#tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
#tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before{ border:1px solid rgba(255,255,255,.3);}
#tc_search .draw_h:hover svg.drawcircle circle { stroke:#fff;}
#tc_search .draw_h img {position:absolute;top:50%;margin-top: -8px;left:50%;margin-left: -8px;transition:.3s;width: 16px;}
/***********************/

/***********************/
 
 
/*手机导航开始*/
#m_header{ display:none; height:4.5rem; position:fixed; top:0; width:100%; z-index:999; transition:0s 1.5s; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);}
#m_header .m{ position:relative; height:100%;}
.m_user{ height:4.5rem; line-height: 4.5rem; margin-right: 4rem; color: #999;}
.m_user a{ display: inline-block; margin: 0 .625rem; color: #666;}
.m_user a svg{ width: 16px;}
.m_user a:hover{ color: #ff0000;}
.m_user a:hover svg path{ fill: #ff0000;}
#m_logo{ transition:0s 1.5s; height:100%; visibility:visible; float: left;}
#m_logo img{ display:block; max-height: 60%; width: 100px;}
/*导航按钮开始*/
/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; margin-left:20px; position:fixed; height:4.5rem; right:0; top: 0; display:none; }
#nav_btn_box .m{ height: 100%; display: flex; align-items: center;}
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background: #a0a0a0;}
#nav_btn{ cursor: pointer; text-align: center;z-index:99999; padding-bottom:4px; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s; outline:none; box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333; */}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 3px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #999;}
.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before{ background: #999;}
#nav_btn .navbtn::after{top: -5px;}
#nav_btn .navbtn::before{top: 5px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
/*导航按钮结束*/
.m_nav_list{/* flex-direction:column; *//* justify-content: flex-start; */width:100%;/* overflow: auto; */}
.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: -1;
    position: fixed;
    background: #f7f7f7;
    width: 100%;
    height:100vh;
    right: 0;
    top: 0;
    display:none;
    padding:50px 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    }
#m_nav::-webkit-scrollbar{ display: none;}
#m_nav.act{pointer-events: auto;top:0; visibility: visible; opacity: 1;z-index: 99999;}
#m_nav>ul>li{width: 80%;overflow:hidden;padding: 0 1rem;margin: 0 auto;}
#m_nav>ul>li+li{border-top: 1px solid rgb(111 111 111 / 10%);}
#m_nav li .a{  }
#m_nav li .a h3{line-height:4.5rem;height:4.5rem;color: #3d3d3d;padding:0;font-size:1.25rem;float:left; font-weight: bold;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width: 16px;height:4.5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1.125rem;color: #666;text-align:left;line-height:35px;height: 35px;border:0; }
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}
.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 1000;background-color: rgba(0,0,0,0.4);display: none;}

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

/*首页banner*/

/*首页banner*/
#banner{  width:100%; overflow: hidden; position: relative; top:0; left:0; z-index:1; background:#fff; }
#banner .banner_slider{ margin: 0; }
#banner li{ position:relative; }
#banner li .img{ width:100%; height: 100vh;  background-size: cover !important; z-index:8;   }	
 
#banner .slick-active .img{ }
#banner .m{ height:100%;}
#banner li.slick-current{ z-index:999;}
#banner .con{ height: 100vh;   }
#banner .con .bnmask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/banner_txt.png) left top no-repeat; background-size: 60% 100%; background: none;}
#banner .con .m{ height: 100%; display: flex; align-items: center;}
#banner .txt{ margin-top:6rem; position: relative; z-index: 1; padding-left: 1.5rem; color:#fff; margin-top:0rem; display: none !important; opacity: 0; transform:translateY(-100px); transition: .8s; -webkit-transition: .8s; -moz-transition: .8s; -ms-transition: .8s; -o-transition: .8s; -webkit-transform:translateY(-100px); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -o-transform:translateY(-100px); }
#banner .txt h4{ font-size: 3.5rem; text-transform: uppercase;  font-weight: bold; margin-bottom: 5px; }
#banner .txt h3{ font-size: 3rem;}
#banner .txt p{ font-size: 10rem; color: rgba(255, 255, 255, 0.1);  position: absolute; left: -1.5rem; top: -2rem; z-index: -1;}
#banner li.slick-current{ z-index:999;}
#banner .slick-current .txt{ opacity: 1; animation:enter 1.3s ease forwards; -webkit-animation:enter 1.3s ease forwards; }
.banner_slider2{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.dot_position{ position: absolute; left: 0; bottom: 0; width: 100%; height: 5rem;}
#banner .slick-dots{ position: static; display: inline-block !important;left: 0;width: auto;transform: none;margin: 0; }
#banner .slick-dots li{ margin:0 .5rem;}
#banner .slick-dots li button{ border-radius: 50%; border: 1px solid transparent; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; padding: 0; }
#banner .slick-dots li button:before{ content:""; position:relative; display:inline-block; width:7px; height:7px; border-radius:50%; background: #fff; box-sizing:border-box; opacity:1; }
#banner .slick-dots li.slick-active button{ border-top: 1px solid #fff; border-left: 1px solid #fff; animation:roll 4s infinite linear; -webkit-animation:roll 4s infinite linear; }
.bn_dots_slide{ display: flex; float: right;}
.bn_dots_slide .draw_h2:before{  }
.bn_dots_slide .on .draw_h{}
.bn_dots_slide .item{ cursor: pointer; margin: 0 3px;}
.draw_h2{ width: 1.1875rem !important; height: 1.1875rem !important; display:block; border-radius: 50%; text-align: center; position:relative;}
.draw_h2:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; border-radius: 50%; background: #fff; transform: scale(.4); -webkit-transform: scale(.4); -moz-transform: scale(.4); -ms-transform: scale(.4); -o-transform: scale(.4); }
.draw_h2 svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;}
.draw_h2 svg.drawcircle circle {
  fill: none;
  box-sizing:border-box;
  stroke-width: 1;
  /*stroke: none;
  */stroke-dasharray: 0 , 60;
  stroke-dashoffset:60;
  transition: 8s;
  /*-webkit-transition: all 7s cubic-bezier(0.11, 0.57, 0.58, 1);
  transition: all 7s cubic-bezier(0.11, 0.57, 0.58, 1);
  -moz-transition: 8s;
  -ms-transition: 8s;
  -o-transition: 8s;
  */-webkit-transition: 7s;
  -webkit-transition: 8s;
}

.draw_h2 .icon { fill: #626262; vertical-align: middle; transition:.3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.on .draw_h2 svg.drawcircle circle {
  stroke:#fff;
  stroke-dasharray:60 , 0;
  stroke-dashoffset:60;

}
.on .draw_h2 .icon{ fill:#0081cc;}

@-webkit-keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
@keyframes enter {
    0% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    20% { opacity: 0; transform:translateY(100px); -webkit-transform:translateY(100px); -moz-transform:translateY(100px); -ms-transform:translateY(100px); -o-transform:translateY(100px); }
    100% { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
}
 
@-webkit-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-moz-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-ms-keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@keyframes anim-out-pseudo {
    0% { background: rgba(0, 0, 0, 0.25); }
    100% { background: transparent; }
}
@-webkit-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-moz-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@-ms-keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
@keyframes anim-out {
    0% { width: 0%; }
    100% { width: 100%; }
}
 

.tc{ transition:all ease 300ms; position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc .j_tab{ table-layout: fixed;}
.tc[name=tc_search]{ opacity:1;}
.tc.act{ pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box;
  z-index:999;
  display: block;
  position:relative;
  transform: translateY(-3rem);
  transition: all 0.5s ease-out;
  opacity: 0;
  -webkit-transform: translateY(-3rem);
  -moz-transform: translateY(-3rem);
  -ms-transform: translateY(-3rem);
  -o-transform: translateY(-3rem);
}
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{ width:90%; max-width: 800px; margin:0 auto; background:none;}
.tc_shipin #my-video{ position:relative; height: 0; padding-top:60%;}
.tc_shipin #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill; }
.vjs-poster{ background-size: cover !important;}

.s_video .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.s_video{ position: relative;}
.btn_play{ display: block; width: 3.625rem; height: 3.625rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative; background: #fff; cursor: pointer; }
.btn_play svg{ position: relative; z-index: 99;}
  .btn_play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%; background: rgba(255, 255, 255, 0.3); 
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
  }
  .btn_play span:nth-of-type(2) {
    animation-delay: 1s;
  }
  .btn_play span:nth-of-type(3) {
    animation-delay: 2s;
  }
  @keyframes circleScale {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
      
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(1.8);
      -moz-transform: scale(1.8);
      -ms-transform: scale(1.8);
      transform: scale(1.8);
    }
  }
  @keyframes circleScale1 {
    0% {
      opacity: 1;
      transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    }
    60% {
      opacity: 1;
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(3);
      -moz-transform: scale(3);
      -ms-transform: scale(3);
      transform: scale(3);
    }
  }

  .s_about{}
  .s_about .m{ display: flex; align-items: center; justify-content: space-between;}
  .s_about .m .txt{ max-width: 600px; margin-right: 2rem;}
.s_tt{ display: flex; align-items: flex-end; padding-bottom: 2.2rem; padding-left: .875rem; margin-bottom: 5.125rem; font-weight: bold; background: url(../images/s_about_tt.svg) left bottom no-repeat; background-size: contain;  }
.s_tt h3{ font-size: 1.875rem; font-weight: bold; color: #1d1d1f; white-space: nowrap;}
.s_tt span{ font-size: 1.125rem; color: #1d1d1f; text-transform:capitalize; display: inline-block; margin-left: .5rem; white-space: nowrap;}
  .s_about .con{ font-size: 1rem; line-height: 2rem; color: #1d1d1f; opacity: .7; margin-bottom: 4.875rem;}
  .s_about ul{ display: flex; justify-content: space-between;}
  .s_about ul li{ width: 33.33%;}
  .s_about ul li p{ font-size: 1rem; color: #1d1d1f;}
  .s_about ul li div{}
  .s_about ul li b{ font-size: 2.5rem; color: #0062c0;font-weight: bold;}
  .s_about ul li span{ font-size: .875rem; color: #0062c0;}
  .s_about .m .img{ flex-shrink: 0; position: relative; max-width: 50%; }

.s_getreport{ background: url(../images/s_getreport_bg.svg) left center no-repeat; background-size: cover; padding-bottom: 3rem; padding-top: 9rem;}
.s_getreport .tt{ margin-bottom: 2.5rem;}
.s_getreport .tt div{ display: flex; align-items: flex-end; margin-bottom: 2rem; flex-flow: wrap; line-height: 1.5;}
.s_getreport .tt h3{ font-size: 1.875rem; color: #fff; font-weight: bold; margin-right: 1rem;}
.s_getreport .tt p{ font-size: 1rem; color: #fff;}
.s_getreport .tt i{ display: block; width: 20px; height: 3px; background: #fff;}


.getreport .row{ display: flex; flex-flow: wrap; margin: 0 -.75rem; align-items: center;}
.getreport .groupbox{ padding: .745rem; width: 20%;}
.getreport input[type="text"]{ background: none; width: 100%; height: 3.5rem; padding-left: 1.25rem; font-size: .875rem; color: #fff; border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.getreport .select-button{ background: none; width: 100% !important; height: 3.5rem !important; padding-left: 1.25rem; font-size: .875rem; color: #fff; border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.getreport .select-wrapper{ background: none; width: 100% !important; height: 3.5rem !important; font-size: .875rem; color: #fff; border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.getreport input::-webkit-input-placeholder{ color: #fff;}
.getreport .select-wrapper{ background: none !important;}
.getreport .group{ display: flex; position: relative; border-radius: 5px; overflow: hidden;}
.getreport .group .yzm{ position: absolute; right: 1px; top: 1px; height: calc(100% - 2px);}
.btn_submit{ width: 7.625rem; height: 3.5rem; border: 0; outline: 0; background: #f9d100; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.declare{ color: #fff; font-size: .875rem; margin-top: 3px;}
.getreport textarea{ width: 100%; background: none; padding: 1rem 1.25rem; font-size: .875rem; color: #fff; line-height: 1.7; font-family: "微软雅黑",arial; border: 1px solid #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.radioinline label{ width: 4.25rem; height: 3.125rem; border: 1px solid #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.radioinline+.radioinline{ margin-left: 1.25rem;}
.radioinline input[type="radio"]{ display: none;}
.radioinline input[type="radio"]:checked+label{ background: #fff; color: #008cd6;}
.getreport .select-down{ background: none; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #fff !important; margin-top: -3px !important; top: 50% !important;}
.getreport textarea::-webkit-input-placeholder{ color:#fff;  }
.getreport textarea::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff;   }
.getreport textarea:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; }
.getreport textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; }/* WebKit browsers */
.getreport textarea:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.getreport textarea:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.getreport textarea:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.getreport textarea:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

.getreport input::-webkit-input-placeholder{ color:#fff;  }
.getreport input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff;   }
.getreport input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#fff; }
.getreport input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; }/* WebKit browsers */
.getreport input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.getreport input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.getreport input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.getreport input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */
.getreport .select-list{ top: 3.125rem !important;}
.s_team{}
.s_team .m{ display: flex; justify-content: space-between; align-items: flex-end;}
.s_team .m .left{ width: 50%; max-width: 645px; padding-bottom: 10rem;}
.s_team .m .right{ width: 50%; padding-left: 3rem; }
.s_team .img_round img{ height: 90%;}
.s_team .team-txt{}
.s_team .team-txt .tt{ display: flex; align-items: flex-end; margin-bottom: 1.625rem;}
.s_team .team-txt .tt h4{ font-size: 1.625rem; color: #1d1d1f;}
.s_team .team-txt .tt p{ font-size: 1rem; color: #7c7c7d; margin-left: 10px;}
.s_team .team-txt .con{ font-size: 1rem; color: #7c7c7d; line-height: 2rem;}
.s_team .team-txt .con p+p{ margin-top: 1rem;}
.s_team .team-hd{ margin-top: 6.25rem; position: relative;}
.s_team .team-hd ul li .pic{background: #a2b3c1; max-width: 9.625rem;}
.s_team .team-hd ul li .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; font-size: .875rem; color: #fff; justify-content: center; z-index: 1; opacity: 0; visibility: hidden; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_team .team-hd ul li .mask:before{ content: ""; background: rgba(0, 98, 192, 0.8); position: absolute; left: 0; bottom: 0; width: 100%; height: 0; display: block; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_team .team-hd ul li:nth-child(3n+1) .pic{ background: #f3c79b;}
.s_team .team-hd ul li:nth-child(3n+2) .pic{ background: #fbbac1;}
.s_team .team-hd ul li:nth-child(3n+3) .pic{ background: #a2b3c1;}
.s_team .team-hd .dotbox{ position: absolute; right: -2rem; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
.s_team .team-hd .dotbox a{ display: block; width: 1.5rem;}
.s_team .team-bd ul li .pic{background: url(../images/team_bg.png) center bottom no-repeat;background-size: contain; max-width: 100%; display: flex;align-items: flex-end;justify-content: center;width: 40rem;position: relative;height: 43rem;}
.s_team .team-bd ul li .pic img{object-fit: contain;/* position: absolute; *//* left: 50%; *//* transform: translateX(-50%); */bottom: 0;/* height: 120%; */}
.s_team .team-bd ul li .pic:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/team_bg2.png) center bottom no-repeat; background-size: 100%; z-index: 9;}
.s_team .team-hd ul li:hover .mask{ opacity: 1; visibility: visible;}
.s_team .team-hd ul li:hover .mask:before{ height: 100%;}

.s_gg{ width: 100%; height: 239px; overflow: hidden; background: url(../images/s_gg.jpg) center no-repeat; background-size:cover;}
.s_gg .m{ height: 100%; display: flex; align-items: center;}
.s_gg .m .box{ display: flex; align-items: center; justify-content: flex-start; color: #fff;}
.s_gg .m .pic{ padding-right: 3rem; border-right: 1px solid #fff; margin-right: 3rem;}
.s_gg .m .pic img{ width: 14.5625rem;}
.s_gg .m p{ font-size: 4.375rem; letter-spacing: 1rem;}
.btn_apply{ display: block; width: 10.625rem; height: 3.375rem; line-height: 3.375rem; margin-left: 5rem; text-align: center; color: #fff; font-size: 1rem; font-weight: bold; background: #f9d100; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }


.s_school_life{}
.s_school_life .hd{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem;}
.s_school_life .hd .s_tt{ margin-bottom: 0 !important;}
.s_school_life .arrbox{ display: flex;}
.s_school_life .arrbox a{ display: block; width: 3.4375rem; height: 3.4375rem; background-size: contain !important; margin-left: 1.5rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.school_life_prev{ background: url(../images/arr_left.png) center no-repeat;}
.school_life_next{ background: url(../images/arr_right.png) center no-repeat;}
.school_life_prev:hover{  background: url(../images/arr_left_on.png) center no-repeat;}
.school_life_next:hover{  background: url(../images/arr_right_on.png) center no-repeat;}

.s_school_life .bd{}
.s_school_life .bd ul{ overflow: hidden;}
.s_school_life .bd ul li{ width: 33.33%; float: left; padding: 6px; }
.s_school_life .bd ul li:nth-child(1){ width: 50%;}
.s_school_life .bd ul li:nth-child(2){ width: 50%;}
.s_school_life .bd ul li .box{ position: relative; z-index: 1; display: block; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem;}
.s_school_life .bd ul li .img{}
.s_school_life .bd ul li .mask{ opacity: 0;
  padding: 1rem;
  line-height: 1.5;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  text-align: center;
  color: #fff;
  font-size: 1.125rem; 
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.5));
  background: -webkit-linear-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.5)));
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.s_school_life .bd ul li:hover .mask{ opacity: 1; }

.s_news{ background: url(../images/s_news_bg.jpg) center no-repeat;background-size:cover;}
.s_news .hd{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 3rem;}
.s_news .hd .s_tt{ margin-bottom: 0;}
.s_news01{ width: 100%;}
.s_news01 ul.s_news_slide{ margin: 0 -1rem;}
.s_news01 ul li.slick-slide{ padding: 0 1rem;}
.s_news01 ul li a{ display: flex; justify-content: space-between;}
.s_news01 ul li a .img{ width: 28rem; flex-shrink: 0; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.s_news01 ul li a .img img{}
.s_news01 ul li a .txt{ padding-left: 3.75rem; flex-grow: 1; min-width: 0;}
.s_news01 ul li a .txt .time{ font-size: 1.25rem; color: #0062c0; display: flex; align-items: center; margin-bottom: 1.5rem;}
.s_news01 ul li a .txt .time svg{ margin-right: .75rem; height: 1.25rem;}
.s_news01 ul li a .txt h5{ font-size: 1.625rem; color: #1d1d1f; margin-bottom: 1.5rem;}
.s_news01 ul li a .txt p{ font-size: .875rem; line-height: 1.5rem; overflow: hidden; height: 4.5rem; color: rgba(29, 29, 31, 0.7);}
.s_news01 .slick-dots{ left: 32.25rem; width: auto; bottom: 0;}
.s_news01 .slick-dots li button{ position: relative;}
.s_news01 .slick-dots li button:after{ content: ""; opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transition: .5s; border: 1px solid #f9d100; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_news01 .slick-dots li button:before{ content: ""; opacity: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(.3); background: #c5cace; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(.3); -moz-transform: scale(.3); -ms-transform: scale(.3); -o-transform: scale(.3); }
.s_news01 .slick-dots li.slick-active button:after{ transform: scale(.8); -webkit-transform: scale(.8); -moz-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); }
.s_news01 .slick-dots li.slick-active button:before{ background: #f9d100;}


.s_news02{ position: relative; margin-top: 2.5rem;}
.s_news02:before{ content: ""; display: block; width: 100%; height: 2px; background: #e0e3e4; }
.s_news02 ul{ overflow: hidden;}
.s_news02 ul li{ width: 33.333%; float: left; position: relative; z-index: 1;}
.s_news02 ul li:before{ content: ""; display: block; width: 100%; height: 0; top: 0; left: 0; position: absolute; z-index: -1; background: #0062c0; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_news02 ul li a{ padding: 2.5rem 2.25rem; display: block;}
.s_news02 ul li a .time{ font-size: 1.25rem;  color: #1f1d1d; display: flex; align-items: center; margin-bottom: 1.5rem;}
.s_news02 ul li a .time svg{ margin-right: .75rem; height: 1.25rem;}
.s_news02 ul li a .time svg path{ fill:#1f1d1d;}
.s_news02 ul li h5{ font-size: 1.25rem; color: #1d1d1f; margin-bottom: 3rem;}
.s_news02 ul li p{ font-size: .875rem; line-height: 1.5rem; overflow: hidden; height: 3rem; color: rgba(29, 29, 31, 0.7);}

.btn_detail{ display: block; width: 5rem; height: 2.75rem; margin-top: 1.5rem; font-size: .875rem; color: rgba(29, 29, 31, 0.4); display: flex; align-items: center; justify-content: center; border-radius: 5px; border: 1px solid #9ea0a0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.s_news02 ul li:hover:before{ height: 100%; border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; }
.s_news02 ul li:hover .time{ color: #fff;}
.s_news02 ul li:hover .time svg path{ fill: #fff;}
.s_news02 ul li:hover h5{ color: #fff;}
.s_news02 ul li:hover p{ color: rgba(255, 255, 255, 0.7);}
.s_news02 ul li:hover .btn_detail{ background: #fff; border: 1px solid #fff; color: #0062c0;}
.s_news02 ul li a .time,.s_news02 ul li h5,.s_news02 ul li a p{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }

  
  #foot{ background:#0062c0; padding-top: 4rem; color: #fff; position: relative;}
  #foot .m{ display: flex; justify-content: space-between;}
  
  .foot_tt{ margin-bottom: 1.5rem;}
  .foot_tt h3{ font-size: 1.375rem; color: #fff; margin-bottom: 2rem; }
  .foot_tt span{ font-size: 1.25rem; text-transform: capitalize; display: inline-block; margin-left: 1rem;}
  .foot_tt i{ display: block; width: 20px; height: 3px; background: #f9d100;}

  .foot_nav .box{ font-size: .875rem; line-height: 1.875rem; margin: 0 -.75rem;}
  .foot_nav .box a{ padding: 0 .75rem;}

  .foot_contact{ width: 550px; overflow: hidden; position: relative;margin-right: 2.5rem;}
  .foot_contact ul{ padding-bottom: 1.5rem; margin: 0 -2rem;  }
  .foot_contact ul li{ padding: 0 2rem;}
  .foot_contact ul li p{ font-size: .875rem; line-height: 1.875rem; }
  .foot_contact .swiper-scrollbar{ height: 1px !important; background: #3585ce;}
  .foot_contact .swiper-scrollbar-drag{ background: #f9d100; height: 5px; top: -2px;left: -6px;}

.foot_follow{ position: relative;}
.foot_follow:before{ content: ""; display: block; width: 212px; height: 186px; background: url(../images/hat.jpg) center no-repeat; position: absolute; right: 120%; top: 0;}
.foot_follow .ewmbox{ display: flex; justify-content: space-between;}
.foot_follow .ewm{ text-align: center;margin-right: 1rem;}
.foot_follow .ewm img{ display: block; margin: 0 auto; width: 85px; height: 85px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.foot_follow .ewm p{ font-size: .875rem; margin-top: .75rem;}
.copyright{ background: #106ec5;padding:5px 0; margin-top: 2.5rem;}
.copyright .m{ line-height: 1.75rem;  display: flex; justify-content: space-between; align-items: center; font-size: .8125rem; color: #fff;}

.foot_link{ position: relative; width: 197px; }
.foot_link .dt{ height: 3.5rem; line-height: 3.5rem; position: relative; z-index: 1; cursor: pointer; font-size: .8125rem; color: #fff; display: flex; justify-content: space-between; }
.foot_link .dt i{ width: 1.25rem; }
.foot_link .dt.on i{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); margin-top: 0; }
.foot_link .dd{ padding: 20px 30px; color: #fff; font-size: .875rem; line-height: 1.875rem; background: #217cd1; position: absolute; left: 0; bottom: 100%; width: 100%; display: none; border-radius:0 1.25rem 0; -webkit-border-radius:0 1.25rem 0; -moz-border-radius:0 1.25rem 0; -ms-border-radius:0 1.25rem 0; -o-border-radius:0 1.25rem 0; }
.foot_link .dd a{ display: block; font-size: .8125rem; color: #fff; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.foot_link .dd a:hover{ color: #fff;}

#foot .waveWrapper {top: -7.3125rem;}
/*浪*/

@keyframes move_wave {
  0% {
      transform: translateX(0) translateZ(0) scaleY(1)
  }
  50% {
      transform: translateX(-25%) translateZ(0) scaleY(0.55)
  }
  100% {
      transform: translateX(-50%) translateZ(0) scaleY(1)
  }
}
.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
height:7.5rem; z-index:0;
}
.waveWrapperInner {
  position: absolute;
  width: 100%;
  overflow: hidden;
  height: 100%;
  bottom: -1px;
 
}
.bgTop {
  z-index: 15;
  opacity: 0.9;
}
.bgMiddle {
  z-index: 10;
  opacity:1;
}
.bgBottom {
  z-index: 5;
}
.wave {
  position: absolute;
  left: 0;
  width: 200%;
  height: 100%;
  background-repeat: repeat no-repeat;
  background-position: 0 bottom;
  transform-origin: center bottom;
}
.waveTop {
  background-size: 50% 100px;
}
.waveAnimation .waveTop {
animation: move-wave 3s;
 -webkit-animation: move-wave 3s;
 -webkit-animation-delay: 1s;
 animation-delay: 1s;
}
.waveMiddle {
  background-size: 50% 100%;
}
.waveAnimation .waveMiddle {
  animation: move_wave 10s linear infinite;
}
.waveBottom {
  background-size: 50% 100%;
}
.waveAnimation .waveBottom {
  animation: move_wave 15s linear infinite;
}

.n_banner{ height: 31.25rem; background-size: cover !important;}
.n_banner .m{ height: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.n_banner .txt{ text-align: center;}
.n_banner h3{ font-size: 2.25rem; font-weight: bold; color: #fff; margin-top: 1rem; margin-bottom: 1.5rem;}
.n_banner span{ font-size: 1.875rem;color: #fff; opacity: .25; letter-spacing: 1rem; text-transform: uppercase;}

.n_title {padding: 0;position: relative; border-bottom: 1px solid #e5e5e5;}
.n_title .m { position: relative; display: flex; justify-content: space-between; align-items: center; }
.n_nav { position: relative; }
.n_nav li{display: block; font-size: 1.125rem; color: #393939; font-weight: bold; float: left;line-height: 5rem; padding: 0 2rem; z-index: 1; position: relative;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;}
.n_nav li a{ display: block;}
.n_nav li+li:after{ content: ""; display: block; width: 1px; height: 18px; background: #cccccc; position: absolute; left: 0; top: 50%; margin-top: -9px;}
.n_nav li:before {content: "";width: 0;height: 100%;position: absolute; bottom:0; left: 0; background: #0062c0;transition: 0.3s ease-in-out; opacity: 0; z-index: -1;}
.n_nav li.on,.n_nav li:hover{ color: #fff;}
.n_nav li.on:before, .n_nav li:hover:before { width: 100%; opacity: 1;}  
.n_nav li.on:after,.n_nav li:hover:after{ opacity: 0;}
 
.position { left: 0;bottom: 0; font-size: .9375rem;color: #747679;}
.position img{ vertical-align: middle; margin-bottom: 3px; margin-right: 5px;}
.position span, .position a, .position i {font-size: .8125rem;color: #828386;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.position i{margin: 0px .5rem;font-style: normal; width: 4px; height: 6px; }
.position em { color: #f9d100;font-style: normal;}
.position a:hover {color: #f9d100;}

#n_main{ padding-bottom: 10rem;}
.n_about01{}
.n_about01 .m{ display: flex; min-width: 0; align-items: center;}
.n_about01 .left{ padding-right: 10rem;}
.n_about01 .txt{}
.n_about01 .tt{ margin-bottom: 4.375rem;}
.n_about01 .tt i{ display: block; width: 17px; height: 3px; background: #0062c0;}
.n_about01 .tt p{ font-size: 3.125rem; color: #0062c0; text-transform: uppercase; font-weight: bold; margin-top: 1rem; margin-bottom: 1.25rem;}
.n_about01 .tt p span{ color: #f9d100; margin-left: 1rem;}
.n_about01 .tt h3{ font-size: 2.125rem; color: #1d1d1f; font-weight: bold}
.n_about01 .con{ font-size: 1rem; line-height: 2rem; color: #636364;}
.n_about01 .right{ position: relative; flex-shrink: 0; max-width: 50%;}
.n_about01 .img{} 
.n_about01 .img img{}
.imgbox{ position: relative; z-index: 1;}
.imgbox .s_dot{ position: absolute; z-index: -1;}


/*====移动端导航====*/
#m_n_nav{background: #3d75c0;display: none;line-height: 50px;position: relative;z-index: 99; width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 19px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px rgb(153 153 153 / 34%); z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #3d75c0; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #3d75c0;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0; margin: 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999; margin-bottom: 0;border-top:1px solid #e7e7e7; }
#sub_nav_content dt:first-child{ border: 0;}
#sub_nav_content dt a{margin:0 2px;display:block;color:#5b5349;line-height: 3rem;font-size:1.125rem; vertical-align: top; font-size: 1rem; padding: 0 2rem;} 
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #3d75c0; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #3d75c0; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #3d75c0;}
#sub_nav_content dd{ }
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 3rem;  line-height:30px; font-size:1rem;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #3d75c0;}

.subnav{  margin-top:2rem; overflow: hidden; margin-bottom: 2.125rem;}
.subnav ul{ text-align: center;}
.subnav ul li{ position:relative; display: inline-block; margin-bottom: 1rem;}
.subnav ul li a{ display:block; width:9.375rem; height:2.8125rem; line-height:2.6875rem; border-radius:2rem; transition:.5s; text-align:center; border:1px solid #d9d9d9; font-size:1rem; color:#424242; margin:0 1.25rem; position:relative; z-index:1; overflow:hidden;}
.subnav ul li a:before{ content:""; width:0; height:100%; display:block; background:#71c32b; transition:.5s; position: absolute; z-index:-1; top:0; right:0;}
.subnav ul li:hover a,.subnav ul li.on a{ border:1px solid #71c32b; color: #fff;}
.subnav ul li:hover a:before,.subnav ul li.on a:before{ width:100%; right:auto; left:0;}


.n_about01 .imgbox .s_dot{ left:0; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.n_about02 .imgbox .s_dot{ left:0; bottom: 0; transform: translateY(50%); -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); }
.n_about02{}
.n_about02 img{}


#n_team{}
#n_team .team-hd ul li .pic{ position: relative;}

#n_team .team-hd ul li .pic:after{ content: ""; display: block; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; position: absolute; border-radius: 50%; border: 3px solid #0062c0; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_team .team-hd ul li.slick-current .pic:after{ opacity: 1;}
#n_team .team-bd ul li .pic{ background: url(../images/n_team_bg.png) center bottom no-repeat; background-size: contain; }

.n_tt{}
.n_tt i{ display: block; width: 17px; height: 3px; background: #0062c0;}
.n_tt h3{ font-size: 2.125rem; color: #1d1d1f; font-weight: bold; margin-top: 1.625rem; margin-bottom: 5px;}
.n_tt span{ font-size: 1rem; color: #1e1e1e; opacity: .6; text-transform: uppercase;}
#n_wenhua{}
#n_wenhua .n_tt{ position: absolute; left: 0; top:0;}
#n_wenhua ul{ display: flex; height: 42.5rem; margin: 0 -1.5rem; align-content: space-between; background: url(../images/n_wenhua_line.png) right bottom no-repeat; background-size: 71%;}
#n_wenhua ul li{ padding: 0 1.5rem; width: 25%;}
#n_wenhua ul li .box{ height: 27.625rem; padding: 2.25rem; display: flex; flex-direction: column; justify-content: space-between; background: url(../images/wenhua_bg.png) center no-repeat; background-size: cover; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
#n_wenhua ul li .tt{}
#n_wenhua ul li .tt i{ display: block; width: 15px; height: 3px; background: #fff;}
#n_wenhua ul li .tt h3{ font-size: 1.5rem; color: #fff; font-weight: bold; margin-top: 11px; margin-bottom: 9px;}
#n_wenhua ul li .tt span{ font-size: 1.5rem; color: #ffffff; text-transform: uppercase;}
#n_wenhua ul li .con{ font-size: 1rem; line-height: 2rem; color: #fff;}
#n_wenhua ul li .con p{}

.relative{ position: relative;}

#n_wenhua ul li:nth-child(1){ margin-top: 15rem;}
#n_wenhua ul li:nth-child(2){ margin-top: 10rem;}
#n_wenhua ul li:nth-child(3){ margin-top: 5rem;}

#n_licheng{}
#n_licheng ul{ margin: 0 -1.875rem; margin-top: -3rem; position: relative; z-index: 1;}
#n_licheng ul li{ padding: 0 1.875rem;}
#n_licheng ul li .box{ display: flex; flex-direction: column; justify-content: space-between; position: relative; }
#n_licheng ul li .txtbox{ padding:3.125rem 0;}
#n_licheng ul li .txt{ height: 12rem; }
#n_licheng ul li .txt .year{ font-size: 1.5rem; color: #3c4851; font-weight: bold; margin-bottom: 1rem;}
#n_licheng ul li .txt .con{ font-size: 1rem; line-height: 2rem; height: 10rem; overflow: auto; color: #1d1d1f; opacity: .8;}
#n_licheng ul li .txt .con::-webkit-scrollbar {width: 2px;height: 8px;background-color: #F5F5F5;}
#n_licheng ul li .txt .con::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
#n_licheng ul li .txt .con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #555;}

#n_licheng ul li .img{ margin: 3.125rem 0; height: 12rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
#n_licheng ul li .img img{ object-fit: cover;}
#n_licheng ul li:nth-child(odd) .txt{ display: flex; flex-direction: column; justify-content: flex-end;}
#n_licheng ul li:nth-child(even) .box{ flex-direction: column-reverse;}
#n_licheng ul:before{ content: ""; display: block; width: 100%; position: absolute; left: 0; top: 50%; height: 3px; background: #cdd2d6; margin-top: -1.5px;}
#n_licheng ul li .box:before{ content: ""; display: block; width: 1.125rem; height: 1.125rem; position: absolute; left: 1.25rem; top: 50%; transition: .5s; transform: translateY(-50%); border-radius: 50%; background: #fff; border: 2px solid #cdd2d6; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
#n_licheng ul li .box:after{ content: ""; opacity: 0; display: block; width: 1.125rem; height: 7px; background: url(../images/licheng_arr.png) center no-repeat; position: absolute; top: 50%; margin-top: 1rem; left: 1.25rem;}
#n_licheng ul li:hover .box:before{ border: 2px solid #f9d100; background: #f9d100;}
#n_licheng ul li:hover .box:after{ opacity: 1;}
#n_licheng ul li:hover .txt .year{ color: #0062c0;}
#n_licheng .slick-arrow{ width: 3.4375rem; z-index: 99; background: #fff; height: 3.4375rem; background-size: contain !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#n_licheng .slick-prev{ left: -6.5rem; background: #fff url(../images/arr_left.png) center no-repeat;}
#n_licheng .slick-next{ right: -6.5rem; background: #fff url(../images/arr_right.png) center no-repeat;}
#n_licheng .slick-prev:hover{  background: url(../images/arr_left_on.png) center no-repeat;}
#n_licheng .slick-next:hover{  background: url(../images/arr_right_on.png) center no-repeat;}

.n_team{}
.n_team ul{ display: flex; flex-flow: wrap; margin: -1.25rem;}
.n_team ul li{ width: 25%; padding: 1.25rem;}
.n_team ul li a{ display: block; height: 100%; background: #f5f7f8; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 3.125rem 1rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.n_team ul li .imgbox{ width: 12.6875rem; height: 12.6875rem;border-radius: 50%; overflow: hidden; padding: 1px; transform: rotate(0deg); position: relative; z-index: 1; transition: .5s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; z-index: 1; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_team ul li .img{ width: 100%; height: 100%;border-radius: 50%; overflow: hidden;}
.n_team ul li .img img{padding-top: 1rem; position: relative; bottom: 1px; }
.n_team ul li .imgbox:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; transition: .5s; z-index: 9; box-sizing: border-box; left: 0; top: 0; border-radius: 50%; border: 3px solid #f9d100; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.n_team ul li .txt{ text-align: center; padding-top: 3rem;}
.n_team ul li .txt h4{ font-size: 1.25rem; color: #1d1d1f; font-weight: bold; margin-bottom: 1rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.n_team ul li .txt p{ font-size: 1rem; color: #8c8d8e; margin-bottom: 1.5rem;}
.n_team ul li .txt svg{}
 
.n_team ul li:hover .imgbox:before{ border: 3px solid #0062c0;}
.n_team ul li:hover .txt h4{ color: #0062c0;}
.n_team ul li:hover .txt svg path{ fill:#0062c0;}
.n_team ul li .txt{ padding-top: 2rem;}

/*翻页*/
.page { text-align:center; margin-top:3rem; font-size: 0; color:#919191; display: flex; align-items: center; justify-content: center; flex-flow: wrap;}
.page li{ display:inline-block; list-style: none; }
.page a{ padding:0 11px; min-width: 2.125rem; line-height:2rem; height: 2.125rem; display:inline-block; border:1px solid #e5e5e5; border-radius: 1.25rem; margin:0 0.375rem; color:#868686; font-size:.875rem; -moz-transition: all 0.36s ease-in-out; -webkit-transition: all 0.36s ease-in-out; -o-transition: all 0.36s ease-in-out; -ms-transition: all 0.36s ease-in-out; transition: all 0.36s ease-in-out; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; }
.page .on{ background:#0062c0;  color:#fff; border:1px solid #0062c0; }
.page a:hover{ background:#0062c0;  color:#fff; text-decoration:none; border:1px solid #0062c0;}
.page span{ line-height:32px; display:inline-block; margin:0 8px; font-size:1rem; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.page input{ height: 2.125rem; line-height: 2rem; font-size: 1rem; display:inline-block; border:1px solid #e5e5e5; border-radius: 1.25rem; background:none; width:2.5rem; text-align:center; color:#868686; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; }
.page button{ width:65px; cursor:pointer; height: 2.125rem; line-height: 2rem; display:inline-block; border-radius: 1.25rem; border:1px solid #e5e5e5; font-size:1rem; color:#868686; background:none; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; -ms-border-radius: 1.25rem; -o-border-radius: 1.25rem; }
.page button:hover{ background:#0062c0;  color:#fff; text-decoration:none; border:1px solid #0062c0;}


.n_team_xq{}
.n_team_xq .m{ display: flex; align-items: flex-end;}
.n_team_xq .left{ flex-shrink: 0;}
.n_team_xq .left .pic{background: url(../images/team_bg.png) center bottom no-repeat;background-size: contain;display: flex; max-width: 100%; align-items: flex-end;justify-content: center;position: relative;width: 36rem;height: 39rem;}
.n_team_xq .left .pic:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/team_bg2.png) center bottom no-repeat; background-size: 100%; z-index: 9;}

.n_team_xq .left .pic img{height: 100%;}
.n_team_xq .right{ padding-bottom: 12rem; padding-left: 5rem; flex-grow: 1;}
.n_team_xq .right .txt{}
.n_team_xq .right .txt .tt{ display: flex; align-items: flex-end; margin-bottom: 2rem; padding-bottom: 2.25rem; position: relative;}
.n_team_xq .right .txt .tt h3{ font-size: 1.5rem; color: #1d1d1f; font-weight: bold;}
.n_team_xq .right .txt .tt span{ font-size: 1rem; color: #1d1d1f; margin-left: .875rem;}
.n_team_xq .right .txt .tt:before{ content: ""; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; bottom: 0;}
.n_team_xq .right .txt .tt:after{ content: ""; display: block; width: 50px; height: 3px; background: #f9d100; position: absolute; left: 0; bottom: 0;}

.n_team_xq .right .txt .con{ font-size: 1rem; line-height: 2rem; color: #1d1d1f; opacity: .8; max-height: 26rem; overflow: auto;}
.n_team_xq .right .txt .con::-webkit-scrollbar {width: 2px;height: 8px;background-color: #F5F5F5;}
.n_team_xq .right .txt .con::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
.n_team_xq .right .txt .con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #0062c0;}

.n_reserve{ }
.n_reserve .n_tt{ text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 3.25rem; }
.n_reserve .n_tt i{ background: #f9d100;}
.form_CV{ margin: 0 -.9375rem;}
.form_CV .row{ display: flex; width: 100%; margin: 0; flex-flow: wrap;}
.form_CV .groupbox{ display: flex; padding: .625rem .625rem; width: 33.333%; flex-grow: 1;  }
.form_CV .group{ border: 1px solid #e5e5e5; border-radius: .625rem; display: flex; width: 100%; position: relative;  -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.form_CV .span{ white-space: nowrap; width: 7.375rem; min-height: 3.75rem; border-radius: .625rem 0 0 .625rem; text-align: center; background: #f5f7f8; line-height: 1.5; border-right: 1px solid #d5d6d8; font-size: 1rem; color: #444444; font-weight: bold; display: flex; justify-content: center; align-items: center; flex-shrink: 0; -webkit-border-radius: .625rem 0 0 .625rem; -moz-border-radius: .625rem 0 0 .625rem; -ms-border-radius: .625rem 0 0 .625rem; -o-border-radius: .625rem 0 0 .625rem; }
.form_CV .groupbox .group .span i{ color: red;margin-right: .3rem;}
.form_CV .groupbox .group .span img{ padding-right: .625rem;}
.form_CV .groupbox .group .yzm{ position: absolute; right: 0; top: 0; bottom: 0; height: 100%;}
.form_CV .groupbox .group .yzm img{ object-fit:none; height: 100%; width: 100px; }
.form_CV .input{height: 3.75rem; background: none; flex-grow: 1; padding-left: 1.25rem; color: #262626; font-size: .875rem; font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif;}
.form_CV .btnbox{ width: calc(100% - 345px);font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif;}
.form_CV textarea{ width: 100%; height: 100%; background: none;  padding-left: 1.25rem; font-size: .9375rem; padding-top: 1.25rem; line-height: 1.5; color: #262626;font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif; }
.form_CV .btn_tijiao{
  font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif;
  display: block;
  width: 138px;
  height: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.125rem;
  border-radius: .625rem;
  background: #0084cd;
  border: 0;
  color: #fff;
  transition: .3s;
  margin: 0 auto;
  -webkit-border-radius: .625rem;
  -moz-border-radius: .625rem;
  -ms-border-radius: .625rem;
  -o-border-radius: .625rem;
}
.form_CV .select-wrapper{ width: 100% !important; height: 3.75rem !important;  background: none !important;  }
.form_CV .select-button{border:0 !important; height: 3.75rem !important; font-size: .875rem !important; background: none !important; }

.n_contact{ background: #fff; overflow: hidden; }
.n_contact .n_tt{  margin-bottom: 3rem;}
.n_contact .n_tt i{ background: #f9d100;}
.n_contact .n_tt h3{ font-size: 1.625rem;}
.n_contact .flex{ display: flex;}
.n_contact .left{ width: 24.5rem;}
.n_contact .right{ width: calc(100% - 24.5rem); position: relative; padding-left: 8rem;}
.n_contact ul{ margin: -.75rem 0; }
.n_contact ul li{ padding: .75rem 0;}
.n_contact ul li .box{ border: 1px solid #f5f7f8; border-radius: .625rem; overflow: hidden; height: 100%; padding: 26px 24px; cursor: pointer; position: relative; padding-left: 60px; display: flex; flex-direction: column; justify-content: center; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.n_contact ul li .ico{ width: 2.5rem; position: absolute; background: #f5f7f8; top: 0; left: 0; height: 100%; display: flex; align-items: center; justify-content: center;}
.n_contact ul li h3{ font-size: .9375rem; line-height: 1.5rem; color: #636363; font-weight: bold; margin-bottom: 5px;}
.n_contact ul li dl{ font-size: .9375rem; line-height: 1.5rem; color: #636363; display: flex;}
.n_contact ul li dl dt{ white-space: nowrap;}
.n_contact ul li dl dd{}
.n_contact ul li.on .box{ border: 1px solid #0062c0;}
.n_contact ul li.on .ico{ background:#0062c0 ;}
.n_contact ul li.on .ico svg path{ fill: #fff;}


.n_news{}
.n_news ul{ margin: -2.25rem 0 0;}
.n_news ul li{  padding: 2.25rem 0; border-bottom: 1px solid #e5e5e5;}
.n_news ul li a{ display: flex; }
.n_news ul li .img{ width: 22rem; flex-shrink: 0; margin-right: 3.25rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.n_news ul li .img img{}
.n_news ul li .txt { min-width: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.n_news ul li .txt h5{ font-size: 1.25rem; width: 100%; line-height: 1.5; color: #1d1d1f; font-weight: bold; margin-bottom: 2rem;}
.n_news ul li .txt p{ font-size: .875rem; line-height: 1.5rem; height: 3rem; color: #636364; overflow: hidden; margin-bottom: 3.125rem;}
.n_news ul li .txt span{ display: flex; align-items: center; font-size: .875rem; color: #1d1d1f; }
.n_news ul li .txt span svg{ margin-right: 8px; width: 1rem;}
.n_news ul li .jia{ position: relative; z-index: 1; flex-shrink: 0; max-width: 34px; background: #f9d100; overflow: hidden; border-radius: .625rem; margin-left: 2.5rem; display: flex; align-items: center; justify-content: center; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.n_news ul li .jia svg{ }
.n_news ul li .jia:before{ content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #0062c0; z-index: -1;}
.n_news ul li .jia:hover:before{ height: 100%; top: 0; bottom: auto;}
.n_news ul li:hover .jia:before{ height: 100%; top: 0; bottom: auto;}



.ar_title{ margin-bottom:2.6875rem; position: relative; padding-bottom:13px;}
.ar_title h3{ font-size:1.875rem; color:#1d1d1f; font-weight:bold; margin-bottom:1rem; line-height: 1.5;}
.ar_title .time{ font-size:.875rem; color:#1b1b1b; font-family:arial; border-bottom:3px solid #f3f3f3; padding-bottom:.75rem; background:url(../images/time.png) left top no-repeat; line-height:1rem; padding-left:1.25rem;}
.ar_title:before{ content: ""; display: block; width: 100%; height: 1px; background: #d1d8de; position: absolute; left: 0; bottom: 0; z-index: 1;}
.ar_title:after{ content: ""; display: block; width: 3rem; height: 3px; background: #0062c0; position: absolute; left: 0; bottom: 0; z-index: 2;}

#n_news_xq{ overflow:hidden; }
#n_news_xq .m{ display: flex; align-items: flex-start;}
#n_news_xq .left_con{  float:left; padding-right: 4rem; width: 70%;}
#n_news_xq .right_con{ width:29.6%; flex-shrink: 0; }
.ar_fot{  margin-top:20px; border-top:2px solid #e0e3e7; padding-top:30px; width: 100%; position:relative; display: flex; justify-content: space-between; align-items: center; }
.ar_fot>div{ width: calc(100% - 9.5rem);}
.ar_fot h5{ line-height:2.25rem; }
.ar_fot h5 a{ font-size:.9375rem; color:#707076; transition:.3s;}
.ar_fot h5 b{ font-size:.9375rem; color:#707076; font-weight:normal; }
.ar_fot h5 a:hover{ color:#0062c0;}
.btn_goback{ display:block; width:9.6875rem; height:2.5rem; display: flex; align-items: center; justify-content: center; text-align:center; border-radius:25px; background:#f9d100; color:#fff; font-size:.9375rem; transition:.3s;}
.btn_goback svg{ margin-right: .625rem; width: 1.5rem; height: 1.5rem;}
/*==============分享插件=====================*/
.shart_box2{ }
.through{ position:relative; text-align:center;}
.through span {
    display: inline-block;
    background: #fff;
    padding: 0 5px;
}
.through:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}
#j_shart_s_240{ position:relative; white-space:nowrap; overflow:hidden; margin-top:25px; }
#j_shart_s_240 .fx{ position:relative; top:2px; cursor:pointer;}
#j_shart_s_240 a{ width:50px !important; height:50px !important; margin-right:10px; border-radius:50%; background:#f0f0f3; display:block; float:left; position:relative;}
#j_shart_s_240 a:before{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0; z-index:2; background-size:auto 25px !important;}
#j_shart_s_240 a:after{ content:""; display:block; width:100%; height:100%; border-radius:50%; position:absolute; top:0; left:0;  transition:.5s;  z-index:1; border:1px solid #b4b4b4;}
#j_shart_s_240 a:hover:after{ transform:scale(1);}
#j_shart_s_240 .bds_qzone:before{ background:url(../images/share_qzone.png) center no-repeat; }
#j_shart_s_240 .bds_tsina:before{ background:url(../images/share_sina.png) center no-repeat; }
#j_shart_s_240 .bds_weixin:before{ background:url(../images/share_weixin.png) center no-repeat; }
#j_shart_s_240 .bds_sqq:before{background:url(../images/share_qq.png) center no-repeat; background-size:auto 20px !important;}
#j_shart_s_240 .bds_count:hover{ font-size:12px;}
#bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{ box-sizing:content-box; }
.laiyuan{ font-size:15px; color:#757575; margin-bottom: 2rem;}
.laiyuan span+span{ margin-left: 1.5rem;}
#n_news_xq .riqi{ font-weight:bold; margin-bottom:26px;}
#n_news_xq .riqi p{ font-size:2.5rem; color: #222222; }
#n_news_xq .riqi i{ display:block; width:15px; height:2px; background:#f9d100; margin-bottom:13px; margin-top:7px;}
#n_news_xq .riqi span{ font-size:.9375rem; color: #1d1d1f;}
.news_tuijian{ background:#f5f7f8; border-radius: .625rem; padding:2.5rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.news_tuijian .tt{ font-size:1.25rem; color:#393838; font-weight:bold; padding-bottom:1.25rem; border-bottom:1px solid #d3d3d3; margin-top:3.125rem;}
.news_tuijian ul{ padding-top:1.75rem;}
.news_tuijian ul li{}
.news_tuijian ul li+li{ margin-top:1.5rem;}
.news_tuijian ul li h5{ font-size:1rem; color:#606062; white-space: normal; margin-bottom:.5rem; white-space: normal; line-height: 1.375rem;}
.news_tuijian ul li span{ font-size:1rem; color:#606062; display: flex; align-items: center;}
.news_tuijian ul li span svg{ width: 1rem; margin-right: .5rem;}
.news_tuijian ul li:hover h5{ color: #0062c0;}


.social-share *{ box-sizing: content-box;}
.social-share .social-share-icon{ width:50px !important; height:50px !important; line-height: 50px !important; margin-left: 0; margin-right:10px; border-radius:50%; background:transparent; display:block; float:left; position:relative;}
.social-share .qrcode img{ display: block;}
.social-share .icon-wechat .wechat-qrcode{ left: -77px !important;}

.ar_article{ font-size:1rem; color:#636364; line-height:2rem; text-align:justify; }
.ar_article p{font-size:1rem;color:#636364;line-height:2rem; padding-bottom:1.75rem;}	
.ar_article p:last-child{ padding-bottom: 0;}
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important;  font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif !important;}
.ar_article td *,.ar_article th *{ font-size:0.95rem !important;  font-family:"苹方", PingFangSC-Regular,"微软雅黑", sans-serif !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,
.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul,
.ar_article ol{ margin-bottom:15px;}


/* 专题样式 */
.zt_bn{ height: 46.125rem; background: url(../images/zt_bn_bg.jpg) center no-repeat; margin-top: 6.25rem;background-size:cover;height: 55rem;}
.zt_bn .m{ display: flex; justify-content: space-around; padding-top: 5rem;}
.zt_bn .left{}
.zt_bn .right{}

.zt_tt{ text-align: center; margin-bottom: 2.5rem;}
.zt_tt h3{ font-size: 1.875rem; color: #1e1e1e; font-weight: bold; margin-bottom: .375rem;}
.zt_tt span{ font-size: 1rem; color: #7c7c7c; text-transform: uppercase;}

.zt_what{}
.zt_what .hd{ margin-bottom: 5rem;}
.zt_what .hd ul{}
.zt_what .hd ul li{ text-align: center; padding: 0 .8125rem;}
.zt_what .hd ul li a{ font-size: 1rem; color: #646464; display: block; position: relative; transition: .5s; z-index: 1; height: 45px; line-height: 43px; border-radius: .625rem; overflow: hidden; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_what .hd ul li a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -2; left: 0; top: 0; border: 1px solid #cccccc; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.zt_what .hd ul li a:after{ content: ""; display: block; width:0; height: 100%; position: absolute; right: 0; top: 0; background: #f9d100; visibility: hidden; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_what .hd ul li.slick-current a:after{ width: 100%; visibility: visible; left: 0; right: auto;}
.zt_what .hd ul li.slick-current a{ color: #fff;}

.zt_what .bd{}
.zt_what .bd .item{ display: flex; min-width: 0;}
.zt_what .bd .item .left{ margin-right: 7.5rem; }
.zt_what .bd .item .tt{ margin-bottom: 1.875rem;}
.zt_what .bd .item .tt h3{ font-size: 1.875rem; color: #1e1e1e; font-weight: bold; margin-bottom: 1.5rem; }
.zt_what .bd .item .tt i{ display: block; width: 1.25rem; height: 3px; background: #f9d100; }
.zt_what .bd .item .con{ font-size: 1rem; line-height: 2rem; color: #646464; }
.zt_what .bd .item .btnbox{ display: flex; margin-top: 3rem; width: 100%;}
.zt_what .bd .item .btn_blue{ width: 12.5rem; height: 3.125rem; overflow: hidden; flex-shrink: .5; margin-right: 1.5rem; font-size: 1rem; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; background: #0062c0; border-radius: .625rem; color: #fff; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.zt_what .bd .item .btn_blue.btn_tel{ font-size: 1.125rem;}
.zt_what .bd .item .btn_blue svg{ margin-right: 9px; max-width: 1.5rem;}
.zt_what .bd .item .btn_blue:after{ content: ""; display: block; width:0; height: 100%; position: absolute; right: 0; top: 0; background: #f9d100; visibility: hidden; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_what .bd .item .btn_blue:hover:after{ width: 100%; visibility: visible; left: 0; right: auto;}
.zt_what .bd .img{ position: relative; height: 100%; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.zt_what .bd .img img{ object-fit: cover; }
.zt_what .bd .img .mask{ position: absolute; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; }
.zt_what .bd .img .mask .play_ico{ display: block; position: relative; z-index: 1; width: 57px; height: 57px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; padding-left: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.zt_what .bd .img .mask .play_ico:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: .25; z-index: -1; transform: scale(.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); }
.zt_what .bd .img .mask .play_ico:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: .25; z-index: -1; transform: scale(1.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); }
.zt_what .bd .img:hover .mask .play_ico:before{ transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.zt_what .bd .img:hover .mask .play_ico:after{ transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); opacity: 0; }
.zt_what .bd .img .mask .play_ico:before,.zt_what .bd .img .mask .play_ico:after{ transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; }
 .tc_center .tc{ transition:all ease 300ms; position: fixed; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;  top: 0; left: 0; z-index:9999999999; pointer-events: none; visibility:hidden; opacity:0;  transition:.5s;}
.tc.act{ pointer-events: auto; visibility:visible; opacity:1;}
.tc-box{
  box-sizing:border-box;
  z-index:999;
  display: block;
  position:relative;
  transform: translateY(-3rem);
  transition: all 0.5s ease-out;
  opacity: 0;
  -webkit-transform: translateY(-3rem);
  -moz-transform: translateY(-3rem);
  -ms-transform: translateY(-3rem);
  -o-transform: translateY(-3rem);
}
.tc.act .tc-box{ transform: translateY(0); opacity: 1;}
.tc_close{ position: absolute; cursor:pointer; color:#e13a39; font-size:30px; right:15px; top: 15px;}
.tc_bg { height: 100%; background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}
.tc.act .tc_bg{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; transition:.5s; }
.tc_shipin{ width:90%; max-width: 800px; margin:0 auto; background:none;}
.tc_shipin #my-video{ position:relative; height: 0; padding-top:60%; border-radius: 10px; overflow: hidden;}
.tc_shipin #my-video video{ width:100%; height:100%; position: absolute; left: 0; top: 0;}
.tc_shipin .tc_close{ display:block; width:1.5rem; height:1.5rem; position:absolute; top:-2rem; right:-3rem; border-radius:50%;}
.tc_shipin .tc_close img{ display:block; position:absolute; width:1rem; height:1rem; left:50%; top:50%; margin-top:-.5rem; margin-left:-.5rem; }
.tc_shipin .tc_close:hover img{transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.video-js{    width: 100% !important;
    height: 100% !important;}
.video-js .vjs-big-play-button{ left:50% !important; top:50% !important; margin-left:calc(-1.6rem - 5px); margin-top:calc(-1.6rem - 5px); background-color: rgba(0, 0, 0, 0) !important;}
video{ object-fit:fill; }
.vjs-poster{ background-size: cover !important;}

.zt_tese{ width: 100%; overflow: hidden; background: url(../images/zt_tese_bg.jpg) center bottom no-repeat;background-size:cover;}
.zt_tese .m{ display: flex;}
.zt_tese .left{ width: 50%; flex-shrink: 0;}
.zt_tese .left ul{ display: grid; height: 100%; grid-template-columns: repeat(6, 1fr); grid-auto-rows:  repeat(4, 1fr); grid-column-gap: .625rem;
  grid-row-gap: .625rem;grid-auto-rows: minmax(8.875rem, auto);}
.zt_tese .left ul li{ background: #90cbff; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; cursor: pointer;}
.zt_tese .left ul li .ico{ height: 2.125rem; margin-bottom: .875rem;}
.zt_tese .left ul li p{ color: #fff; font-size: 1.125rem;}
.zt_tese .left ul li span{ position: absolute; font-size: 92px; opacity: 0; margin-top: 20px; transition: .5s; color: rgba(255, 255, 255, 0.1); font-family: "Swis721 BlkCn BT"; font-weight: bold; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_tese .left ul li.on span{ opacity: 1; margin-top: 0; }
.zt_tese .left ul li:hover span{ opacity: 1; margin-top: 0;  }
.zt_tese .left ul li:nth-child(1){ 
grid-column-start: 1;
grid-column-end: 4;
grid-row-start: 1;}
.zt_tese .left ul li:nth-child(2){  background: #84c1f9;
grid-column-start: 4;
grid-column-end: 7;
grid-row-start: 1;}
.zt_tese .left ul li:nth-child(3){  background: #77b8f4;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 4;}
.zt_tese .left ul li:nth-child(4){  background: #4b9ae2;
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 3;}
.zt_tese .left ul li:nth-child(5){  background: #3388d7;
grid-column-start: 5;
grid-column-end: 7;
grid-row-start: 2;
grid-row-end: 3;}
.zt_tese .left ul li:nth-child(6){  background: #3388d7;
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 2;
grid-row-start: 3;}
.zt_tese .left ul li:nth-child(7){  background: #227ccf;
grid-column-start: 1;
grid-column-end: 3;
grid-row-start: 3;
grid-row-start: 4;}
.zt_tese .left ul li:nth-child(8){  background: #227ccf;
grid-column-start: 3;
grid-column-end: 5;
grid-row-start: 3;
grid-row-start: 4;}
.zt_tese .left ul li:nth-child(9){  background: #0062c0;
grid-column-start: 5;
grid-column-end: 7;
grid-row-start: 3;
grid-row-end: 5;}

.zt_tese .right{ margin-left: .625rem; background: #fff; padding: 3.5rem 2.625rem; min-width: 0;}
.zt_tese .item{}
.zt_tese .item .tt{ margin-bottom: 2rem;}
.zt_tese .item .tt h3{ font-size: 1.375rem; color: #090909; font-weight: bold; margin-bottom: 2rem;}
.zt_tese .item .tt i{ display: block; width: 1.25rem; height: 3px; background: #f9d100;}
.zt_tese .item .con{ margin-bottom: 2rem; font-size: .875rem; line-height: 1.625rem;}
.zt_tese .item .img{ border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.zt_tese .item .img img{}

.zt_ys{}
.zt_ys .hd{ display: flex; justify-content: space-between; margin-bottom: 3rem;}
.zt_ys .hd .zt_tt{ text-align: left; margin-bottom: 0 !important;}
.zt_ys .arrbox{ display: flex;}
.zt_ys .arrbox a{ display: block; width: 3.4375rem; height: 3.4375rem; background-size: contain !important; margin-left: 1.5rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_ys .bd{}
.zt_ys .bd ul{ margin: 0 -1.25rem;}
.zt_ys .bd ul li{ padding: 0 1.25rem;}
.zt_ys .bd ul li .box{ margin-left: 2.7rem;  padding: 2rem; position: relative; z-index: 1; display: block; border-radius: 10px; background: #f5f7f8; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.zt_ys .bd ul li .tt{ width: 2.7rem; position: absolute; z-index: 1; overflow: hidden; text-align: center; left: -2.7rem; top: 0; background: #0062c0; border-radius: 10px 0 0 3rem; color: #fff; padding:1.75rem .875rem 2.5rem; line-height: 1.5; -webkit-border-radius: 10px 0 0 3rem; -moz-border-radius: 10px 0 0 3rem; -ms-border-radius: 10px 0 0 3rem; -o-border-radius: 10px 0 0 3rem; }
.zt_ys .bd ul li .tt h4{ font-size: 1.125rem; font-weight: bold; color: #fff;}
.zt_ys .bd ul li .tt span{ font-size: 2.25rem; color: rgba(255, 255, 255, 0.1); font-weight: bold; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); }
.zt_ys .bd ul li .tt:after{ content: ""; display: block; width: 100%; height: 100%; opacity: 0; position: absolute; right: 0; bottom: 0; background: #f9d100; visibility: hidden; z-index: -1;  }
.zt_ys .bd ul li:hover .tt:after{ height: 100%; visibility: visible; top: 0; bottom: auto; opacity: 1;}

.zt_ys .bd ul li .txt p{ font-size: .875rem; line-height: 1.625rem; height: 3.25rem; overflow: hidden; color: #69696a; margin-top: 1.25rem; margin-bottom: 1.875rem;}
.zt_ys .bd ul li .txt span{ font-size: .875rem; color: #a6a7a7;}
.zt_ys .bd ul li .img{}
.zt_ys .bd ul li .img img{}
.zt_ys .bd ul li .mask{ position: absolute; border-radius: 10px; opacity: 0; visibility: hidden; transition: .3s; left: 0; top: 0; width: 100%; height: 100%; padding: 2rem; background: #eaf0fa; font-size: 1rem; line-height: 2rem;}
/* .zt_ys .bd ul li:hover .mask{ opacity: 1; visibility: visible;} */
.zt_fuzhu{}
.zt_fuzhu ul{ margin: 0 -.9375rem;}
.zt_fuzhu ul li{ padding: 0 .9375rem;}
.zt_fuzhu ul li .box{ display: flex; flex-direction: column; align-items: center;}
.zt_fuzhu ul li .ico{ width: 6.5rem; height: 6.5rem; overflow: hidden; position: relative; z-index: 1; background: #0062c0; display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.zt_fuzhu ul li .ico:after{ content: ""; display: block; width: 100%; height: 0; position: absolute; right: 0; bottom: 0; background: #f9d100; visibility: hidden; z-index: -1;}
.zt_fuzhu ul li:hover .ico:after{ height: 100%; visibility: visible; top: 0; bottom: auto;}
.zt_fuzhu ul li .ico img{}
.zt_fuzhu ul li .txt{ background: #f5f7f8; overflow: hidden; height: 19.125rem; display: flex; align-items: center; justify-content: center; padding-top: 3.25rem; margin-top: -3.25rem; position: relative; width: 100%; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.zt_fuzhu ul li .txt .box1{ text-align: center; padding: 1rem 1.75rem;}
.zt_fuzhu ul li .txt .box2{ position: absolute; left: 0; bottom: 0; height: 100%; width: 100%; opacity: 0; transition: .5s; padding: 1.75rem; background: #0062c0; font-size: .875rem; line-height: 1.625rem; color: rgba(255, 255, 255, 0.8); display: flex; flex-direction: column; align-items: center; justify-content: center; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_fuzhu ul li .txt .box1 h5{ font-size: 1.375rem; color: #090909;}
.zt_fuzhu ul li .txt .box1 i{ margin: 2rem auto; display: block; width: 20px; height: 3px; background: #f9d100;}
.zt_fuzhu ul li .txt .box1 p{ font-size: .875rem;}
.zt_fuzhu ul li .txt .box2 .con{ max-height: 9.75rem; overflow: auto; transition: .5s; transform: translateY(3rem); -webkit-transform: translateY(3rem); -moz-transform: translateY(3rem); -ms-transform: translateY(3rem); -o-transform: translateY(3rem); -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_fuzhu ul li:hover .txt .box2{ opacity: 1; height: 100%;}
.zt_fuzhu ul li:hover .txt .box2 .con{ transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

.zt_fuzhu ul li .txt .box2 .con::-webkit-scrollbar {width: 2px;height: 8px;background-color:  rgba(255, 255, 255, 0.2);}
.zt_fuzhu ul li .txt .box2 .con::-webkit-scrollbar-track {border-radius: 10px;background-color: rgba(255, 255, 255, 0.2);}
.zt_fuzhu ul li .txt .box2 .con::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #fff;}


.zt_shizi{ width: 100%; overflow: hidden; background: url(../images/zt_shizi_bg.jpg) center bottom no-repeat; background-size: 100% 100%;}
.zt_shizi .zt_tt h3{ color: #fff;}
.zt_shizi .zt_tt span{ color: rgba(255, 255, 255, 0.7);}
.zt_shizi ul{  margin: -1.25rem; padding: 0 6.25rem;}
.zt_shizi ul li{  padding: 1.25rem;}
.zt_shizi ul li a{ display: block; height: 100%; background: #f5f7f8; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 3.125rem 1rem; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.zt_shizi ul li .img{ width: 12.6875rem; height: 12.6875rem; border-radius: 50%; border: 3px solid #f9d100; transition: .5s; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: relative; z-index: 1; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
/* 2026-09-28 修复师资头像"位置不对"：
   1) 上面 .img 原来带 padding-top:1rem，圆形头像框里照片整体被往下压 16px，底部还被裁掉；
   2) 师资照片都是竖版（约 271x640），object-fit:cover 默认垂直居中裁切，只显示中间一段，
      结果圆框里只剩西装躯干、脸被裁掉。这里改成顶部对齐，让头部完整露出。 */
/* 2026-09-28 二次修复"头像切头"：师资照片全是透明背景抠图，且人物头发顶在图片第一行
   （源图本身就没有头顶留白），铺满圆 + object-position:top 会让头发正好贴住圆形边框，
   看起来像被切了头。照片是透明底，缩小后露出的区域透出卡片底色 #f5f7f8，不会有接缝：
   宽 88%、顶部留 8%（约 16px），头顶就有呼吸空间。（最终生效的是本文件 1465 行的覆盖规则） */
.zt_shizi ul li .img img{ display: block; width: 88%; height: auto; margin: 8% auto 0; }
.zt_shizi ul li .txt{ text-align: center; padding-top: 3rem;}
.zt_shizi ul li .txt h4{ font-size: 1.25rem; color: #1d1d1f; font-weight: bold; margin-bottom: 1rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_shizi ul li .txt p{ font-size: 1rem; color: #8c8d8e; margin-bottom: 1.5rem;}
.zt_shizi ul li .txt svg{}
.zt_shizi ul li:hover .img{ border: 3px solid #0062c0;}
.zt_shizi ul li:hover .txt h4{ color: #0062c0;}
.zt_shizi ul li:hover .txt svg path{ fill:#0062c0;}
.zt_shizi ul li .txt{ padding-top: 2rem;}

.zt_shizi .slick-arrow{ width: 3.125rem; height: 3.125rem; background-size: contain !important; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_shizi .slick-arrow.slick-prev{ background: url(../images/zt_shizi_left.png) center no-repeat;}
.zt_shizi .slick-arrow.slick-next{ background: url(../images/zt_shizi_right.png) center no-repeat;}
.zt_shizi .slick-arrow.slick-prev:hover{ background: url(../images/zt_shizi_left_on.png) center no-repeat;}
.zt_shizi .slick-arrow.slick-next:hover{ background: url(../images/zt_shizi_right_on.png) center no-repeat;}



.zt_life{}
.zt_life .hd{ display: flex; justify-content: space-between; margin-bottom: 3rem;}
.zt_life .hd .zt_tt{ text-align: left; margin-bottom: 0 !important;}
.zt_life .arrbox{ display: flex;}
.zt_life .arrbox a{ display: block; width: 3.4375rem; height: 3.4375rem; background-size: contain !important; margin-left: 1.5rem; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.zt_life .arrbox a.slick-hidden{ opacity: 0;}
.zt_life .bd ul{ overflow: hidden; margin: -.9375rem;}
.zt_life .bd ul li{ width: 33.33%; float: left; padding: .9375rem; }
.zt_life .bd ul li .box{ position: relative; z-index: 1; display: block; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem;}
.zt_life .bd ul li .img{}
.zt_life .bd ul li .mask{ opacity: 0;
  padding: 1rem;
  line-height: 1.5;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 9;
  text-align: center;
  color: #fff;
  font-size: 1.125rem; 
  background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
  background: -moz-linear-gradient(top,transparent, rgba(0, 0, 0, 0.5));
  background: -webkit-linear-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.5)));
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=transparent, endColorStr=#111);
  transition: .5s;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -ms-transition: .5s;
  -o-transition: .5s;
}
.zt_life .bd ul li:hover .mask{ opacity: 1; }

.sub_nav2{ margin-bottom: 3rem;}
.sub_nav2 ul{ display: flex; align-items: center; justify-content: center; margin: 0 -.9375rem;}
.sub_nav2 ul li{ padding: 0 .9375rem;}
.sub_nav2 ul li a{ display: block; width: 12.75rem; height: 45px; position: relative; z-index: 1; text-align: center; line-height: 45px; overflow: hidden; transform: rotate(0deg); border-radius:.625rem ; -webkit-border-radius:.625rem ; -moz-border-radius:.625rem ; -ms-border-radius:.625rem ; -o-border-radius:.625rem ; }
.sub_nav2 ul li a:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; left: 0; bottom: 0; border-radius: .625rem; border: 1px solid #ccc; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.sub_nav2 ul li a:after{ content: ""; display: block; width: 100%;transform: rotate(0deg); height: 0; position: absolute; right: 0; bottom: 0; background: #f9d100; visibility: hidden; z-index: -1; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.sub_nav2 ul li:hover a:after,.sub_nav2 ul li.on a:after{ height: 100%; visibility: visible; top: 0; bottom: auto;}
.sub_nav2 ul li:hover a,.sub_nav2 ul li.on a{ color: #fff;}

.n_media{ width: 100%; overflow: hidden;}
.video_slide{ max-width: 1127px; margin: 0 auto;}
.video_slide .videobox{ position: relative; cursor: pointer; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; overflow: hidden; box-shadow: 0px 6px 25.38px 1.62px rgba(0, 0, 0, 0.4); }
.video_slide .videobox:before{ content: ""; display: block; width: 100%; padding-top: 60%; height: 0;}
.video_slide .video-js{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video_slide .hd{ margin-top: 3.25rem;}
.video_slide .hd ul{ margin: 0 -1rem;}
.video_slide .hd ul li{ padding: 0 1rem;}
.video_slide .hd ul li a{ display: block; overflow: hidden; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.video_slide .hd ul li.slick-current .mask{ opacity: 0;} 
.video_slide .hd ul li.slick-current .img{ border: 2px solid #0062c0;}
.video_slide .img,.video_slide .videobox{ position: relative; border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem; }
.video_slide .img:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.video_slide .mask{ position: absolute; cursor: pointer; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.video_slide .mask .play_ico{ display: block; position: relative; z-index: 1; width: 57px; height: 57px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; padding-left: 4px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.video_slide .mask .play_ico:before{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: .25; z-index: -1; transform: scale(.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(.5); -moz-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); }
.video_slide .mask .play_ico:after{ content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background: #fff; opacity: .25; z-index: -1; transform: scale(1.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); }
.video_slide .img:hover .mask .play_ico:before{ transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.video_slide .img:hover .mask .play_ico:after{ transform: scale(2); -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); opacity: 0; }
.video_slide .mask .play_ico:before,.video_slide .mask .play_ico:after{ transition:1s; -webkit-transition:1s; -moz-transition:1s; -ms-transition:1s; -o-transition:1s; }
 
.video_slide .bd{ border-radius: .625rem; -webkit-border-radius: .625rem; -moz-border-radius: .625rem; -ms-border-radius: .625rem; -o-border-radius: .625rem;}
.video_slide .hd .mask .play_ico{ transform: scale(.6); -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); }
 
.video_slide .slick-arrow{ width: 3.125rem; height: 3.125rem; z-index: 9; margin-top: -2rem; background-size: contain !important; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.video_slide .slick-arrow.slick-prev{ left: -7.5rem; background: url(../images/arr_left.png) center no-repeat;}
.video_slide .slick-arrow.slick-next{ right: -7.5rem; background: url(../images/arr_right.png) center no-repeat;}
.video_slide .slick-arrow.slick-prev:hover{ background: url(../images/arr_left_on.png) center no-repeat;}
.video_slide .slick-arrow.slick-next:hover{ background: url(../images/arr_right_on.png) center no-repeat;}
.video_slide ul li{ position: relative;}
.video_slide .bd ul li p{ font-size: 1.5rem; color: #1d1d1f; font-weight: bold; text-align: center; margin-top: 2.25rem;}
.video_slide .hd ul li p{ font-size: 1rem; color: #1d1d1f;  text-align: center; padding-top: 1rem;}
.video_slide .bd .slick-list{ overflow: visible;}




















/* ======================================================================
   六大辅助（.zt_fuzhu）紧凑化 —— 2026-09-23
   需求：缩小间距；悬停说明不再出现内部滚动条。
   说明：本文件是 /article/6 等页面最后加载的样式表，同名选择器写在这里即覆盖
         上面的原始规则（原始规则未动，删除本块即可完全回滚）。
   实测：区块总高 432px -> 约 327px；.con 可用高 137px -> 约 200px，
         最长一条描述文字自然高约 189px，可完整放下，故去掉 max-height 截断。
   ====================================================================== */
.zt_fuzhu .zt_tt{ margin-bottom: 1.25rem;}
.zt_fuzhu ul li .txt{ height: 16.5rem; padding-top: 3rem; margin-top: -3rem;}
.zt_fuzhu ul li .txt .box1{ padding: 1rem 1.25rem;}
.zt_fuzhu ul li .txt .box1 i{ margin: 1rem auto;}
.zt_fuzhu ul li .txt .box2{ padding: 1rem;}
.zt_fuzhu ul li .txt .box2 .con{ max-height: none; overflow: visible; line-height: 1.5rem;}

/* —— 六大辅助：取消 slick 轮播后，用 flex 一行铺满全部项 ——
   配套改动：view.blade.php / viewEdu.blade.php / viewPage.blade.php 里
   $('.zt_fuzhu ul').slick(...) 已注释掉。
   .xs_jianju 已提供 ±5px 槽距（!important），故这里不再另设 padding。
   注意：gaobu/guihua 模板是 5 项、zhongbu 是 6 项，所以用 flex:1 1 0 按项数均分，
   不要写死 width:16.6667%（那会让 5 项的页面右侧空出一格）。
   原来靠 slick 给每个 li 算宽度，窄屏按原 slick 断点折行。 */
.zt_fuzhu ul{ display: flex; flex-wrap: wrap; align-items: stretch;}
.zt_fuzhu ul li{ flex: 1 1 0; float: none;}
@media (max-width: 1200px){ .zt_fuzhu ul li{ flex: 0 0 25%; } }
@media (max-width: 992px){ .zt_fuzhu ul li{ flex: 0 0 33.3333%; } }
@media (max-width: 768px){ .zt_fuzhu ul li{ flex: 0 0 50%; } }

/* ======================================================================
   师资团队（.zt_shizi）照片层级 —— 2026-09-23
   问题：抠图照片(200px)比圆圈(165px)高，下方溢出 51px，与名字垂直重叠 25px，
         而且 .img 是 position:relative + z-index:1（自成层叠上下文）、.txt 没有定位，
         于是照片画在了名字和黄色圆圈边框的上面。
   修法：① .txt 提到 z-index:2（高于 .img 的 1，名字压回照片之上）；
         ② 照片在 .img 这个层叠上下文内降到 z-index:-1（黄圈边框画回照片之上）。
   实测：照片与名字重叠 0，黄圈完整可见；照片本身仍可见（只是垫底）。
   ====================================================================== */
.zt_shizi ul li .txt{ position: relative; z-index: 2;}
.zt_shizi ul li .img img{ position: relative; z-index: -1;}
/* 照片(125x200)比圆圈(165x165)高，下摆溢出 51px 正好压在名字位置 ——
   单纯调层级后名字仍是深字压深西装，看不清；这里把照片裁齐到圆圈内，
   名字区域就完全露出来了（照片头顶本来就在圆圈内，裁掉的是西装下摆）。 */
.zt_shizi ul li .img{ overflow: hidden;}

/* ======================================================================
   师资团队 / 校园生活 改为「后台读取」后的配套样式（2026-09-23）
   ----------------------------------------------------------------------
   背景：师资团队、校园生活的图片以前是写死在模板里的，现已改为读取
         后台「教师管理」「校园生活管理」。
   变化：教师头像不再用上传时生成的 200x200 静态缩略图（新上传的图没有），
         改为 TeacherAvatarUtil 按需生成的 400x400 居中偏上裁剪图。
   所以这里要显式把头像铺满圆圈，否则会按原图尺寸显示而撑破卡片。
   ====================================================================== */
/* 圆圈内不再用 padding-top 顶开（那是给 200x200 老缩略图留的） */
.zt_shizi ul li .img{ padding-top: 0;}
/* 头像铺满并裁圆 */
/* 2026-09-28 二次修复"头像切头"（本条是最终生效规则，见 1293 行注释）：
   照片是透明底抠图且头发顶到图片第一行，铺满圆会让头顶贴住圆边。
   改为宽 88% + 顶部 8% 空隙，透明区透出卡片底色，头顶不再贴边。 */
.zt_shizi ul li .img img{ display: block; width: 88%; height: auto; margin: 8% auto 0; }
/* 后台没传头像时的兜底（显示姓氏首字） */
.zt_shizi ul li .img .noimg{ width: 100%; height: 100%; border-radius: 50%;
  background: #0062c0; color: #fff; font-size: 4rem; font-weight: bold;
  display: flex; align-items: center; justify-content: center;}
/* 校园生活：图片由后台维护，统一裁切比例，避免不同尺寸撑破栅格 */
.zt_life .bd ul li .img_db img{ object-fit: cover;}

/* ======================================================================
   全站视觉整改覆盖块（2026-09-24 视觉审计后追加）
   ----------------------------------------------------------------------
   内容：① 设计变量与字体栈统一 ② 资讯/真题列表日期防折行 ③ 列表行距收敛
         ④ 摘要文字对比度提升
   回滚：删除本覆盖块即可（上方为原 youyiyou.css 内容，另有
         youyiyou.css.bak_20260924_audit 完整备份）
   ====================================================================== */
:root{
  --yy-blue:#0062c0;
  --yy-blue-dark:#023b7a;
  --yy-yellow:#f9d100;
  --yy-text:#1d1d1f;
  --yy-muted:#6b7280;
}
/* 字体栈统一（标题+正文），覆盖各处零散 font-family */
body, h1, h2, h3, h4, h5, h6,
.n_banner h3, .n_nav li, .nn_list .text h3,
.zt_tt h3, .s_tt h3, .detail-content h1{
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
}
/* 资讯/真题列表：大日期不再折行（03-30 折行问题） */
.nn_list .date{width:120px;padding-left:14px}
.nn_list .date span{white-space:nowrap;font-size:32px}
/* 列表行距收敛：条目间距 22px→16px，链接内边距略减 */
.nn_list li{margin-bottom:16px}
.nn_list li a{padding:16px 20px}
/* 摘要灰字对比度提升（#555 → #4b5563，满足 4.5:1） */
.nn_list .text p{color:#4b5563}