*,
:after,:before { margin: 0;padding: 0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;outline: 0 !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}

a,
abbr,.m-xyjjinfo .desc,
acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,center,cite,code,
dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,
html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,
span,strike,strong,sub,summary,sup,time,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:after,blockquote:before,q:after,q:before {content: "";}
table {border-collapse: collapse;    border-spacing: 0;}

body{background:#fff;color:#444;font-size:12px;line-height:1.5;font-family: Arial, -apple-system, BlinkMacSystemFont, "PingFang SC", Microsoft YaHei, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB", sans-serif;overflow-x:hidden;}

.clearfix:after{ display:block; visibility:hidden; clear:both; height:0; content:"";}
.clearfix{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}

a {
    color: inherit;
    text-decoration: none
;}

a:hover {
    color: inherit
;}

img {
    max-width: 100%;
    border: none;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
;}

em,
i {
    font-style: normal
;}

input,
select,
textarea {
    font-size: 12px;
    color: #444;    
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
;}

input[type=button],
input[type=reset],
input[type=submit],
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
;}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
;}

::-webkit-input-placeholder {
    color: #999
;}

::-moz-placeholder {
    color: #999
;}

::-ms-input-placeholder {
    color: #999
;}

select::-ms-expand {
    display: none
;}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
;}

.fix {
    zoom: 1
;}

.fix:after,
.fix:before {
    display: block;
    content: "";
    height: 0;
    clear: both
;}

.c {
    clear: both
;}

.ani {
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    opacity: 0
;}

@font-face {
    font-family: SourceHanSansCN-Normal;
src: url(../fonts/sourcehansanscn-normal.jpg)
}

@font-face {
    font-family: SourceHanSansCN-Bold;
src: url(../fonts/sourcehansanscn-bold.jpg)
}

@font-face {
    font-family: SourceHanSerifCN-Regular;
src: url(../fonts/sourcehanserifcn-regular.jpg)
}

@font-face {
    font-family: SourceHanSerifCN-Light;
src: url(../fonts/sourcehanserifcn-light.jpg)
}

@font-face {
    font-family: SourceHanSerifCN-Bold;
src: url(../fonts/sourcehanserifcn-bold.jpg)
}

@font-face {
    font-family: CenturySchoolbook;
src: url(../fonts/centuryschoolbook.jpg)
}

@font-face {
    font-family: HelveticaInserat;
src: url(../fonts/helveticainserat-roman-semibold.jpg)
}

.wp {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.wp .item .tit {
	height: 54px;
	padding: 0 20px;
	background: #f0f0f0;
	font-size: 22px;
	color: #000;
	line-height: 54px;
	font-weight: normal;
	margin-bottom:14px;
	border-left:5px solid #00797c;
}

.wp .item .tit a{
	float: right;
	font-size: 16px;	
}

.menuBtn {
    display: none;
    position: fixed;
    top: 12px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 10;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
;}

.menuBtn b {
    display: block;
    height: 4px;
    background-color: #058b8e;
    margin: 4px 0;
    transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
;}

.menuBtn.open b {
    display: none;
    margin: -5px 0 0;
    position: absolute;
    left: 0;
    top: 50%;
    width: 30px;
    background-color: #058b8e
;}

.menuBtn.open b:first-child {
    display: block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg)
;}

.menuBtn.open b:last-child {
    display: block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
;}

.header {
    padding-left: calc((100% - 1600px)/ 2);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    height: 100px;
    z-index: 999;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.so-pop {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    display: none
;}

.so-pop .pop-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1
;}

.so-pop .pop-close {
    position: absolute;
    right: 50px;
    top: 50px;
    width: 50px;
    height: 50px;
    background: url(../images/h-close1.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: 10;
    cursor: pointer
;}

.so-pop .search-box {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 45px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10
;}

.so-pop .search-box input {
    outline: 0;
    border: none
;}

.so-pop .search-box .inp {
    padding: 0 140px 0 12px;
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .5) inset;
    font-size: 16px;
    color: #333
;}

.so-pop .search-box .submit {
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    height: 45px;
    line-height: 45px;
    background-color: #00797c;
    font-size: 18px;
    color: #fff;
    text-align: center
;}

.links { background:#ededed; width:100%; margin-top:3vw;}
.links dl {  display:flex;}
.links dl dt { width:140px; text-align:center; border-right:1px solid #dcdcdc;font-size:1vw;line-height:2.5; background:#0ca2a6; color:#fff;}
.links dl dd {width: calc(100% - 150px);}
.links dl dd a { font-size:0.82vw; line-height:3; margin-left:1.6vw; display:inline-block;}
.links dl dd a:hover { color:#0ca2a6;}

.header:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 336px;
    background: url(../images/header-bg.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    pointer-events: none;}

.header .logo {
    margin-top: 30px;
    width: 518px;
    order: 1;
    flex-shrink: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.header .logo,
.header .logo a {
    display: -webkit-flex;
    display: flex;
    align-items: center
;}

.header .logo img {
    height: 70px;
    max-width: 100%
;}

.header .logo img+img {
    margin-left: 16px
;}

.header .logo.lg2 {
    display: none
;}

.header .header-soBtn {
    width: 120px;
    height: 100px;
    position: relative;
    z-index: 1;
    order: 10;
    flex-shrink: 0
;}

.header .header-soBtn:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00797c;
    -webkit-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
    transform-origin: 0 100%
;}

.header .header-soBtn:after {
    content: '';
    position: absolute;
    left: 56%;
    top: 50%;
    width: 40px;
    height: 40px;
    background: url(../images/h-icon-so1.svg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.header .header-soBtn .so-cont{
    position: absolute;
    right: 0;
    top: 0;
    width: 380px;
    height: 100px;
    font-size: 0;
    background-color: #ffffff;
    z-index: 10;
    overflow: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -webkit-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;}
.header .header-soBtn .so-cont::after{
    content:"";
    display:block;
    position:absolute;
    top:10px;
    right:10px;
    bottom:10px;
    left:10px;
    border:1px solid #eee;
    pointer-events:none;}

.header .header-soBtn .so-cont input{
    outline: none;
    border: none;
    background-color: transparent;}

.header .header-soBtn .so-cont .inp{
    padding: 0 20px;
    display: inline-block;
    vertical-align: middle;
    width: 274px;
    height: 100px;
    line-height: 100px;
    font-size: 16px;
    color: #333333;
    position:relative;
    z-index:2;}

.header .header-soBtn .so-cont .inp::-webkit-input-placeholder {
    color: #333333;}

.header .header-soBtn .so-cont .inp::-moz-placeholder {
    color: #333333;}

.header .header-soBtn .so-cont .inp::-ms-input-placeholder {
    color: #333333;}

.header .header-soBtn .so-cont .submit{
    display: inline-block;
    vertical-align: middle;
    width: 106px;
    height: 100px;
    background: url(../images/h-icon-so2.svg) 56% center no-repeat;
    -webkit-background-size: 39px auto;
    background-size: 39px auto;
    position:relative;
    z-index:2;}

.header .header-soBtn:hover .so-cont{
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);}

.header .header-r {
    width: calc(100% - 638px);
    order: 2;
    flex-shrink: 0
;}

.header .header-r .scroll {
    height: 100%;
    position: relative
;}

.header .header-set {
    position: absolute;
    right: 0;
    top: 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.header .header-set .item {
    position: relative
;}

.header .header-set .item:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 20px;
    background-color: rgba(255, 255, 255, .4);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
;}

.header .header-set .item:last-child:before {
    display: none
;}

.header .header-set .btns {
    padding: 0 20px;
    display: block;
    font-size: 16px;
    color: rgba(255, 255, 255, .8)
;}

.header .header-set .btns:hover {
    color: #fff;
    text-decoration: underline
;}

.header .nav {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 60px;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-end;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.header .nav>li {
    position: relative
;}

.header .nav>li>a {
    padding: 0 40px;
    display: block;
    height: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.header .nav>li>a i {
    position: absolute;
    right: 5px;
    top: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    z-index: 10;
    display: none
;}

.header .nav>li>a i:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 60%;
    border: 8px solid transparent;
    border-top-color: #058b8e;
    transform: translate(-50%, -50%)
;}

.header .nav>li.on>a {
    /* color: #00797c */
    font-size: 24px;
    font-weight: bold;
    margin-top: -6px;}

.header .nav>li.on>a:after,
.header .nav>li:hover>a:after {
    opacity: 1
;}

.header .sub {
    padding-top: 5px;
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 172px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    display: none
;}

.header .sub .sub-in {
    background-color: #fff;
    border-top: 2px solid #00797c;
    position: relative;
	padding-top:.5vw;}

.header .sub .sub-in:before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 100%;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: none
;}

.header .sub a {
    padding: 8px;
    display: block;
    text-align: center;
    font-size: 16px;
    color: #00797c;
    line-height: 1.5;
    border-bottom: 1px solid transparent;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.header .sub a:hover {
    background-color: #00797c;
    color: #fff
;}

.header.header-active {
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
;}

.header.header-active:before {
    opacity: 0;
    visibility: hidden
;}

.header.header-active .logo {
    margin: 15px 0;
    display: none
;}

.header.header-active .logo.lg2 {
    display: -webkit-flex;
    display: flex
;}

.header.header-active .header-set {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0
;}

.header.header-active .nav {
    height: 100%
;}

.header.header-active .nav>li>a {
    color: #333
;}

.header.header-active .nav>li.on>a,
.header.header-active .nav>li:hover>a {
    color: #00797c
;}
/* 底部 */
footer{
    background: #00797c;
    padding: 1vw 0;
    position: relative;
	margin-top:5.6vw;}
footer::before{
    display: block;
    content: "";
    width: 28%;
    height: 2.54vw;
    background: #00797c;
    position: absolute;
    left: 0;
    bottom: 100%;}
footer::after{
    display: block;
    content: "";
    border-left: 1.3vw solid #00797c;
    border-bottom: 1.3vw solid #00797c;
    border-right: 1.3vw solid transparent;
    border-top: 1.3vw solid transparent;
    position: absolute;
    left: 28%;
    bottom: 100%;}
.footer .footLogo {
	float: left;
	width: 26%;
    margin-top:-1vw;}
.footer .footLogo img {
	display: block;
	width: 100%;
	margin-top:0vw;}
.footer .banQuan {
	/*float: left;*/
	color: #ffffff;
	margin-top:0.5vw;
	text-align:right;}
.footer .banQuan p {
	font-size: 0.86vw;
	line-height: 2vw;}
.footer .banQuan p span {
	margin-left: 50px;}
.footer .ewm {
	float: right;
	overflow: hidden;}
.footer .ewm p {
	float: right;
	width: 2.2vw;
	padding:0.6vw 0.5vw;
	font-size:0.76vw;
	color: #ffffff;
	text-align: center;
	background: #aa6440;
	box-sizing: border-box;
	line-height: 1.1;
	height:5.5vw;}
.footer .ewm img {
	display: block;
	width:5.5vw;
	float: left;}
/*
.footer {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.footer .footer-1 {
    padding: 140px 0 112px;
    border-bottom: 1px solid rgba(216, 216, 216, .2)
}

.footer .footer-1 .wp {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
}

.footer .footer-1 .footer1-col {
    width: 35%;
    flex-shrink: 0
}

.footer .footer-1 .footer1-cor {
    width: 55.46%;
    flex-shrink: 0
}

.footer .footer-logo {
    margin-bottom: 20px
}

.footer .footer-logo,
.footer .footer-logo a {
    display: block;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.footer .footer-logo a {
    width: 100%
}

.footer .footer-logo img {
    height: 77px
}

.footer .footer-logo img+img {
    margin-left: 16px
}

.footer .footer-info {
    font-size: 16px;
    color: #fff;
    line-height: 2;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap
}

.footer .footer-info span {
    padding-right: 15px;
    min-width: 50%
}

.footer .footer-link {
    margin-bottom: -40px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}
.footer .footer-link .on dt{
    background-color: #fff;
    color: #333;
}
.footer .footer-link dl {
    margin-bottom: 40px;
    position: relative;
    width: 46.9%;
    flex-shrink: 0
}

.footer .footer-link dt {
    padding: 0 40px;
    height: 60px;
    line-height: 60px;
    background-color: rgba(255, 255, 255, .15);
    font-size: 16px;
    color: #fff;
    position: relative
}

.footer .footer-link dt:before {
    content: '';
    position: absolute;
    right: 34px;
    top: 50%;
    width: 10px;
    height: 19px;
    background: url(../images/h-icon-arrow3.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}
.footer .footer-link .on dt:before{
    background-image: url(../images/h-icon-arrow3a.png);
}
.footer .footer-link dd {
    position: absolute;
    bottom: 100%;
    right: 0;
    width: 100%;
    background-color: rgba(255,255,255,.2);
    z-index: 10;
    max-height: 138px;
    overflow-y: auto;
    display: none
}

.footer .footer-link dd::-webkit-scrollbar {
    width: 8px
}

.footer .footer-link dd::-webkit-scrollbar-track {
    background: 0 0
}

.footer .footer-link dd::-webkit-scrollbar-thumb {
    background: #00797c
}

.footer .footer-link dd::-webkit-scrollbar-thumb:window-inactive {
    background: #00797c
}

.footer .footer-link dd a {
    padding: 0 40px;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 46px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.footer .footer-link dd a:hover {
    background-color: rgba(255,255,255,.3);
}

.footer .footer-link dl:nth-child(odd) {
    width: 43.07%
}

.footer .footer-link .lgs {
    width: 46.9%;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center
}

.footer .footer-link .lgs a {
    padding: 0 10px;
    display: block
}

.footer .footer-link .lgs img {
    display: block;
    max-height: 29px
}

.footer .footer-link .lgs a:nth-child(1) img {
    max-height: 55px
}

.footer .footer-2 {
    padding: 20px 0
}

.footer .footer-copy {
    font-size: 14px;
    color: rgba(255, 255, 255, .48);
    text-align: center;
    line-height: 1.5
}

.footer .footer-copy a {
    font-size: inherit;
    color: inherit
}

.footer .footer-copy a:hover {
    color: #fff
}*/

#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 9990009;
    display: none
;}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #004585;
    z-index: -1
;}

#browser-modal .browser-content {
    width: 700px;
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 50px;
    background-color: #fff;
    border-radius: 5px
;}

#browser-modal .browser-content .browser-dpc-logo img {
    height: 42px;
    margin: 45px auto 40px
;}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px
;}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 14px
;}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 20px auto;
    height: 130px
;}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto
;}

#browser-modal .browser-content .browser-item .iconfont {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    font-size: 80px;
    line-height: 80px
;}

#browser-modal .browser-content .browser-item .iconchrome {
    background: url(../images/bro.png) no-repeat
;}

#browser-modal .browser-content .browser-item .iconfirefox {
    background: url(../images/bro.png) 0 -100px no-repeat
;}

#browser-modal .browser-content .browser-item .iconopera {
    background: url(../images/bro.png) 0 -200px no-repeat
;}

#browser-modal .browser-content .browser-item .iconEdge {
    background: url(../images/bro.png) 0 -300px no-repeat
;}

#browser-modal .browser-content .browser-item a {
    cursor: pointer;
    display: block
;}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px
;}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700
;}

.textUl {
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
;}

.textUl span {
    background-image: linear-gradient(#fff, #fff);
    background-position: bottom left;
    background-size: 0 1px;
    background-repeat: no-repeat;
    transition: background-size .5s ease-in-out;
    -webkit-transition: background-size .5s ease-in-out;
    -moz-transition: background-size .5s ease-in-out;
    -ms-transition: background-size .5s ease-in-out;
    -o-transition: background-size .5s ease-in-out
;}

.textUl:hover span {
    background-size: 100% 1px
;}

.cur {
    padding: 0 12px 0 28px;
    position: relative;
    font-size: 14px;
    color: #bdbdbd;
    line-height: 1.6;
    font-family: SourceHanSansCN-Regular;
    display: -webkit-flex;
    display: flex
;}

.cur a {
    font-size: inherit;
    color: inherit;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.cur em {
    margin: 0 9px
;}

.cur a:hover {
    color: #058b8e
;}

.pages {
    padding-top: 40px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
;}

.pages ul {
    padding-left: 1px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
;}

.pages ul li {
    margin-left: -1px
;}

.pages ul a,
.pages ul span {
    padding: 0 5px;
    display: block;
    min-width: 50px;
    line-height: 44px;
    border: 1px solid #ddd;
    text-align: center;
    font-size: 16px;
    color: #6d6d6d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.pages ul span {
    padding: 0;
    min-width: 54px
;}

.pages ul .next a,
.pages ul .prev a {
    width: 52px;
    height: 46px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 10px auto;
    background-size: 10px auto
;}

.pages ul .prev a {
    background-image: url()
;}

.pages ul .next a {
    background-image: url()
;}

.pages ul .prev:hover a {
    background-image: url()
;}

.pages ul .next:hover a {
    background-image: url()
;}

.pages ul .active a,
.pages ul a:hover {
    background-color: #01569b;
    border-color: #01569b;
    color: #fff
;}

.banner {
    height: 63vh;
    position: relative;
    overflow: hidden
;}

.banner .swiper-slide {
    overflow: hidden
;}

.banner .con {
    display: block;
    height: 100%;
    overflow: hidden
;}

.banner .bg {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
    object-fit: cover;}

.banner .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none
;}

.banner .swiper-pagination {
    position: absolute;
    left: 0;
    bottom: 15px !important;
    right: 0;
    font-size: 0;
    text-align: center;
    z-index: 10
;}

.banner .swiper-pagination .swiper-pagination-bullet {
    margin: 0 10px !important;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    opacity: 1;
    background-color: transparent;
    position: relative
;}

.banner .swiper-pagination .swiper-pagination-bullet:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
;}

.banner .swiper-pagination .swiper-pagination-bullet:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/h-icon-circle1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
;}

.banner .swiper-pagination .swiper-pagination-bullet-active:after {
    opacity: 1;
    -webkit-transform: rotate(-165deg);
    -ms-transform: rotate(-165deg);
    -o-transform: rotate(-165deg);
    transform: rotate(-165deg)
;}

.h-head1 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end
;}

.h-head1 .head-cor {
    padding-bottom: 26px;
    flex-shrink: 0
;}

.h-head1.middle {
    justify-content: center
;}
.active .g-tit_cri{
    display: none;}
.g-tit_cri{
    position: absolute;
    top: 52%;
    left: 10%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);}
.g-tit_cri .round{
    width: 12px;
    height: 12px;
    background-color: #004585;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 4px;}
.g-tit_cri .round4,
.g-tit_cri .round3,
.g-tit_cri .round2,
.g-tit_cri .round1{
    width: 20px;
    height: 20px;
    background-color: #004585;
    border-radius: 50%;
    position: absolute;}
.g-tit_cri .round2 {
    -moz-animation: applicationMove 3s infinite;
    -o-animation: applicationMove 3s infinite;
    animation: applicationMove 3s infinite;
    -webkit-animation: applicationMove 3s infinite;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    opacity: 0;}
.g-tit_cri .round3 {
    -moz-animation: applicationMove 3s infinite;
    -o-animation: applicationMove 3s infinite;
    animation: applicationMove 3s infinite;
    -webkit-animation: applicationMove 3s infinite;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
    opacity: 0;}
.g-tit_cri .round4 {
    -moz-animation: applicationMove 3s infinite;
    -o-animation: applicationMove 3s infinite;
    animation: applicationMove 3s infinite;
    -webkit-animation: applicationMove 3s infinite;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: 3s;
    opacity: 0;}

@-webkit-keyframes applicationMove{
    from{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
    to{-webkit-transform:scale(2);transform:scale(2);opacity:0;}
    }
    @-moz-keyframes applicationMove{
    from{-moz-transform:scale(1);transform:scale(1);opacity:1;}
    to{-moz-transform:scale(2);transform:scale(2);opacity:0;}
    }
    @-o-keyframes applicationMove{
    from{-o-transform:scale(1);transform:scale(1);opacity:1;}
    to{-o-transform:scale(2);transform:scale(2);opacity:0;}
    }
    @keyframes applicationMove{
    from{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1;}
    to{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2);opacity:0;}
    }
.h-title1 {
    padding: 20px 0 15px 86px;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    align-items: center
;}

.h-title1 .bg-circle {
    position: absolute;
    left: 0;
    top: 50%;
    width: 121px;
    height: 121px;
    background: url(../images/h-tit-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    animation: 8s linear infinite cartoon;
    -webkit-animation: 8s linear infinite cartoon
;}

.h-title1 .tit {
    font-weight: 400;
    position: relative
;}

.h-title1 .tit .en {
    font-size: 50px;
   /* text-transform: uppercase;*/
    line-height: 1;
    font-family: SourceHanSansCN-Bold;
    color: rgba(212, 222, 232, .4)
;}

.h-title1 .tit .cn {
    margin-top: -20px;
    font-size: 36px;
    color: #00797c;
    line-height: 1.44;
    font-family: SourceHanSerifCN-Bold
;}

.h-title1 .tit .cn span {
    font-size: 32px;
    color: #333
;}

.h-title1.white .bg-circle {
    background-image: url(../images/h-tit-bg2.png)
;}

.h-title1.red .tit .en {
    color: rgba(240, 227, 227, .4)
;}

.h-title1.red .bg-circle {
    background-image: url(../images/h-tit-bg3.png)
;}

.h-title1.white .tit {
    text-align: center
;}

.h-title1.white .tit .cn {
    color: #fff
;}

.h-title1.white .tit .en {
    color: rgba(244, 225, 225, .4)
;}

.h-btns1 {
    display: -webkit-flex;
    display: flex
;}

.h-btns1 .a1 {
    padding: 0 20px;
    display: block;
    font-size: 18px;
    color: #666;
    line-height: 42px;
    position: relative
;}

.h-btns1 .a1:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 113px;
    height: 20px;
    background: url(../images/h-btns-bg1.png) right center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.h-btns1.white .a1 {
    color: #fff
;}

.h-btns1.white .a1:before {
    background-image: url(../images/h-btns-bg2.png)
;}

.row-index1 .wp {
    max-width: 1500px
;}

.row-index1 .h-indNavLs1 {
    margin-top: -73px;
    position: relative;
    z-index: 10
;}

.h-indNavLs1 {
    height: 84px;
    display: -webkit-flex;
    display: flex
;}

.h-indNavLs1 li {
    width: 16.66%;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end
;}

.h-indNavLs1 .con {
    display: block;
    width: 100%;
    height: 84px;
    background-color: #fff;
    box-shadow: 2px 0 10px 0 rgba(76, 76, 76, .302);
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-indNavLs1 .tit {
    height: 100%;
    font-size: 24px;
    color: #333;
    font-family: SourceHanSansCN-Normal;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-indNavLs1 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 2px;
    background-color: #e8676a;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-indNavLs1 .con:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/h-ind-nav-bg1.jpg) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-indNavLs1 .con:hover {
    height: 104px
;}

.h-indNavLs1 .con:hover:after,
.h-indNavLs1 .con:hover:before {
    opacity: 1
;}

.h-indNavLs1 .con:hover .tit {
    color: #fff
;}

.row-index2 {
    padding: 32px 0 176px;
    overflow: hidden
;}

.row-index2 .wp {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
;}

.row-index2 .index2-col {
    width: 69.31%;
    flex-shrink: 0
;}

.row-index2 .index2-cor {
    width: 27.63%;
    flex-shrink: 0
;}

.row-index2 .index2-cor .h-head1 {
    margin-bottom: 14px
;}

.h-tbsT1 {
    padding-right: 200px;
    margin: 0 -70px 14px -60px;
    position: relative;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end
;}

.h-tbsT1 li:last-child .title:before {
    display: none
;}

.h-tbsT1 .title {
    padding: 0 70px 0 60px;
    display: block;
    position: relative
;}

.h-tbsT1 .title:before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 10px;
    width: 16px;
    height: 37px;
    background: url(../images/h-line1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
;}

.h-tbsT1 .title .h-title1 {
    display: none
;}

.h-tbsT1 .title .tit2 {
    padding: 12px 0;
    font-size: 32px;
    color: #333;
    line-height: 1.63;
    font-family: SourceHanSerifCN-Light
;}

.btn--shockwave.is-active {
    -webkit-animation: shockwaveJump 2s ease-out infinite;
    animation: shockwaveJump 2s ease-out infinite;}
.btn--shockwave.is-active:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    -webkit-animation: shockwave 2s 1.65s ease-out infinite;
    animation: shockwave 2s 1.65s ease-out infinite;}
.btn--shockwave.is-active:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    -webkit-animation: shockwave 2s 1.5s ease-out infinite;
    animation: shockwave 2s 1.5s ease-out infinite;}
@-webkit-keyframes shockwaveJump {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);}
    40% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);}
    50% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);}
    55% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);}
    60% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);}
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);}
}
@keyframes shockwaveJump {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);}
    40% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);}
    50% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);}
    55% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);}
    60% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);}
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);}
}
@-webkit-keyframes shockwave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 2px rgb(6, 89, 178, 0.15), inset 0 0 1px rgba(6, 89, 178, 0.15);}
    95% {
        box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;}
    100% {
        -webkit-transform: scale(2.25);
        transform: scale(2.25);}
}
@keyframes shockwave {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        box-shadow: 0 0 2px rgba(6, 89, 178, 0.15), inset 0 0 1px rgba(6, 89, 178, 0.15);}
    95% {
        box-shadow: 0 0 50px transparent, inset 0 0 30px transparent;}
    100% {
        -webkit-transform: scale(2.25);
        transform: scale(2.25);}
}

.h-tbsT1 .h-btns1 {
    position: absolute;
    right: 70px;
    bottom: 26px;
    display: none
;}

.h-tbsT1 .active .title .h-title1 {
    display: block
;}

.h-tbsT1 .active .title .tit2 {
    display: none
;}

.h-tbsT1 .active .h-btns1 {
    display: block
;}

.h-newsSwp1 {
    position: relative;
    overflow: hidden
;}

.h-newsSwp1 .con {
    display: block;
    padding-top: 57.71%;
    position: relative;
    overflow: hidden
;}

.h-newsSwp1 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/h-news-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 1
;}

.h-newsSwp1 .pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
;}

.h-newsSwp1 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.h-newsSwp1 .text {
    padding: 36px 290px 36px 50px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10
;}

.h-newsSwp1 .tit {
    margin-bottom: 18px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.33;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
;}

.h-newsSwp1 .txt {
    font-size: 16px;
    color: rgba(255, 255, 255, .68);
    line-height: 1.88;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
;}

.h-newsSwp1 .swiper-pagination {
    position: absolute;
    left: auto !important;
    right: 70px !important;
    bottom: 44px !important;
    width: auto !important;
    z-index: 10
;}

.h-newsSwp1 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0 0 23px !important;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: .4;
    border-radius: 50%
;}

.h-newsSwp1 .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
;}

.h-box-schoolNews1 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between
;}

.h-box-schoolNews1 .col {
    width: 67.57%;
    position: relative;
    z-index: 1;
    flex-shrink: 0
;}

.h-box-schoolNews1 .cor {
    width: 32.43%;
    position: relative;
    z-index: 10;
    flex-shrink: 0
;}

.h-newsSwp2 {
    height: 616px;
    position: relative;
    overflow: hidden
;}

.h-newsSwp2 .con {
    display: block;
    height: 100%
;}

.h-newsSwp2 .pic {
    /* height: 430px; */
    padding-top: 57.33%;
    position: relative;
    overflow: hidden
;}

.h-newsSwp2 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.h-newsSwp2 .text {
    padding: 40px 243px 40px 40px;
    height: 186px;
    position: relative;
    background:#058b8e url(../images/h-news-bg2.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.h-newsSwp2 .date {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    height: 120px;
    text-align: center;
    background: url(../images/h-news-bg3.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
;}

.h-newsSwp2 .date .d1 {
    margin-bottom: 3px;
    font-size: 28px;
    color: #fff;
    line-height: 1.14;
    font-family: SourceHanSerifCN-Bold
;}

.h-newsSwp2 .date .d2 {
    font-size: 16px;
    color: rgba(255, 255, 255, .68);
    line-height: 2
;}

.h-newsSwp2 .tit {
    margin-bottom: 20px;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    line-height: 1.33;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
;}

.h-newsSwp2 .txt {
    font-size: 16px;
    color: rgba(255, 255, 255, .68);
    line-height: 1.88;
    max-height: 3.76em;
    overflow: hidden
;}

.h-newsSwp2 .swiper-pagination {
    position: absolute;
    left: auto !important;
    right: 43px !important;
    bottom: 30px !important;
    width: auto !important;
    z-index: 10
;}

.h-newsSwp2 .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0 0 30px !important;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: .4;
    border-radius: 50%
;}

.h-newsSwp2 .swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1
;}

.h-newsLs1 {
    height: 100%;
    background-color: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2)
;}

.h-newsLs1 li {
    height: 25%
;}

.h-newsLs1 li:last-child .con:before {
    display: none
;}

.h-newsLs1 .con {
    padding: 20px 15px;
    height: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs1 .con:before {
    content: '';
    position: absolute;
    left: 15px;
    bottom: 0;
    right: 15px;
    height: 1px;
    background-color: #d8d8d8
;}

.h-newsLs1 .con:after {
    content: '';
    position: absolute;
    right: 16px;
    bottom: 0;
    width: 96px;
    height: 129px;
    background: url(../images/h-logo9.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0;
    z-index: -1;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs1 .date {
    margin-bottom: 10px;
    color: #00797c;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs1 .date .d1 {
    font-size: 26px;
    line-height: 1.23;
    font-family: SourceHanSerifCN-Bold
;}

.h-newsLs1 .date .d2 {
    font-size: 16px;
    font-family: SourceHanSerifCN-Regular
;}

.h-newsLs1 .tit {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 1.78;
    max-height: 3.56em;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs1 .con:hover {
    background-color: #a80005
;}

.h-newsLs1 .con:hover:before {
    display: none
;}

.h-newsLs1 .con:hover:after {
    opacity: 1;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
;}

.h-newsLs1 .con:hover .date {
    color: #fff
;}

.h-newsLs1 .con:hover .tit {
    font-weight: 700;
    color: #fff
;}
.h-newsLs2 .titbox .tit{
    max-width: calc(100% - 55px);
    display: inline-block;
    vertical-align: middle;}
.h-newsLs2 .titbox .tag{
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    border: 1px solid red;
    color:red;
    padding: 0 8px;
    border-radius: 4px;
    line-height: 1.7;
    margin-left: 8px;}

/*.h-newsLs2 li+li {
    margin-top: 28px
;}*/

.h-newsLs2 .con {
    padding: 14px 15px;
    display: block;
    min-height: 109px;
    background-color: #fff;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(95deg, #0a92dc -93%, #0051a2 71%);
    z-index: -1;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .date {
    margin-right: 22px;
    width: 72px;
    height: 83px;
    color: #00797c;
    text-align: center;
    line-height: 1.3;
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
;}

.h-newsLs2 .date:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/h-list-bg1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .date:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/h-list-bg3.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    opacity: 0;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    transform: rotate(-30deg);
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .date .d1 {
    font-size: 24px;
    font-family: SourceHanSerifCN-Bold;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .date .d2 {
    padding: 4px 0 8px;
    font-size: 12px;
    font-family: SourceHanSerifCN-Regular;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .text {
    width: calc(100% - 94px);
    flex-shrink: 0
;}

.h-newsLs2 .tit {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 1.78;
    max-height: 3.56em;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs2 .con:hover:before {
    opacity: 1
;}

.h-newsLs2 .con:hover .date {
    color: #fff
;}

.h-newsLs2 .con:hover .date:before {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    background-image: url(../images/h-list-bg2.png)
;}

.h-newsLs2 .con:hover .date:after {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
;}

.h-newsLs2 .con:hover .date .d2 {
    opacity: .68
;}

.h-newsLs2 .con:hover .tit {
    color: #fff
;}

.h-newsLs2 .on .con:before {
    opacity: 1
;}

.h-newsLs2 .on .con .date {
    color: #fff
;}

.h-newsLs2 .on .con .date:before {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    background-image: url(../images/h-list-bg2.png)
;}

.h-newsLs2 .on .con .date:after {
    opacity: 1;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
;}

.h-newsLs2 .on .con .date .d2 {
    opacity: .68
;}

.h-newsLs2 .on .con .tit {
    color: #fff
;}

.section-index3 {
    margin: -122px 0 -130px;
    padding: 49px 0 124px;
    position: relative;
    z-index: 10
;}

.section-index3 .index3-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: -1
;}

.row-index3 {
    padding: 45px 0;}

.row-index3 .wp {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;}

.row-index3 .index3-col {
    width: 50%;
    flex-shrink: 0;
    position: relative;}

.row-index3 .index3-cor {
    width: 46.25%;
    flex-shrink: 0
;}

.h-box-calendar1 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-left: -6%;
    height: 520px;}
.h-box-calendar1.flex-start{
    align-items: start;}
.h-box-calendar1 .calendar-col,
.h-box-calendar1 .calendar-cor {
    width: 50%;
    flex-shrink: 0
;}
.h-box-calendar1 .calendar-cor{
    width: 56%;}
#allData{
    height: 470px;
    overflow-y: auto;
    overflow-x: hidden;}
#allData{
    position: absolute;
    bottom: 0;
    right: -3%;
    width: 56%;}
#allData .con{
    min-height: auto;}
#allData .top{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;}
#allData .top .date{
    margin-right: 15%;}
#allData .peop{
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #333;
    flex:1;
    overflow: hidden;}
#allData .peop span{
    flex:1;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
#allData .peop img{
    max-height: 19px;
    margin-right: 10px;
    flex-shrink: 0;}
#allData .desc,
#allData .info{
    display: none;}
#allData li.active .tit{
    height: 1.78em;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 4px;}
.h-newsLs3::-webkit-scrollbar {
    width: 6px;  
    height: 1px;}

.h-newsLs3::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background: #05559f;}

.h-newsLs3::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #e6f4fb;}
.h-newsLs3.less{
    border-top: 1px dashed #d6bebf;
    position: relative;}
.h-newsLs3.less:after,
.h-newsLs3.less:before {
    content: '';
    position: absolute;
    top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b92a2d
;}

.h-newsLs3.less:before {
    left: 0
;}

.h-newsLs3.less:after {
    right: 0
;}


.h-newsLs3 .con {
    padding: 10px 15px 10px 30px;
    display: block;
    position: relative;
    z-index: 1;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}
.h-newsLs3 .desc{
    font-size: 16px;
    color: #999;
    line-height: 1.8;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    overflow: hidden;
    max-height: 9em;
    height: 0;}
.h-newsLs3 .line1{
    display: none;}
#currentData.one .active .con{
    display: block;
    height: 23.02vw;
    padding-top: 1.666vw;}
#currentData.one .active .tit{
    margin-bottom: 2.3vw;}
#currentData.one .active .info p{
    line-height: 2;}
#currentData.one .active{
    position: relative;}
#currentData.one .active .line1 {
    position: absolute;
    left: 0;
    top: 11.35vw;
    right: 0;
    height: 1px;
    border-top: 1px dashed #d6bebf;
    display: block;}

#currentData.one .active .line1:after,
#currentData.one .active .line1:before {
    content: '';
    position: absolute;
    top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b92a2d
;}

#currentData.one .active .line1:before {
    left: 0
;}

#currentData.one .active .line1:after {
    right: 0
;}
#currentData.one .active .date{
    display: block;
    margin-bottom: 1vw;}
#currentData.one .active .date .d1{
    font-size: 2.08vw;}
/* #currentData.one .active .desc{
    height: 9em;
}  */
.h-newsLs3 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background: linear-gradient(89deg, rgba(59, 117, 198, .2) 10%, rgba(59, 117, 198, 0) 107%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsLs3 .line {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    border-top: 1px dashed #d6bebf
;}

.h-newsLs3 .line:after,
.h-newsLs3 .line:before {
    content: '';
    position: absolute;
    top: -3px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b92a2d
;}

.h-newsLs3 .line:before {
    left: 0
;}

.h-newsLs3 .line:after {
    right: 0
;}
.h-newsLs3.less .date{
    margin-bottom: 8px;}
.h-newsLs3 .date {
    margin-bottom: 8px;
    color: #00797c;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end
;}

.h-newsLs3 .date .d1 {
    font-size: 24px;
    line-height: 1.46;
    font-family: SourceHanSerifCN-Bold
;}

.h-newsLs3 .date .d2 {
    margin-left: 8px;
    font-size: 16px
;}
.h-newsLs3.less .tit{
    margin-bottom: 20px;}

.h-newsLs3 .tit {
    margin-bottom: 4px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 1.78;
    max-height: 3.56em;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.h-newsLs3 .tit:hover {
    color: #0054b2
;}
.h-newsLs3 .active .info{
    margin-bottom: 12px;}
.h-newsLs3 .info {
    font-size: 16px;
    color: #333;
    display: none;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;}

.h-newsLs3 .info p {
    display: -webkit-flex;
    display: flex;
    align-items: center;
    line-height: 1.7;}

.h-newsLs3 .info p+p {
    margin-top: 10px
;}

.h-newsLs3 .info img {
    margin: 2px 15px 0 0;
    max-width: 18px;
    flex-shrink: 0;}

.h-newsLs3 li.active .con:before {
    width: 100%
;}
#allData  .active .date{margin-bottom: 8px;}
.h-newsLs3 .active .date{
    margin-bottom: 4px;}
.h-newsLs3 li.active .tit {
    color: #0054b2;
    font-weight: 700;
    white-space: normal;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3.56em;
    margin-bottom: 8px;}
.h-newsLs3.less li.active .tit{
    margin-bottom: 40px;}
.h-newsLs3 li.active .info {
    display: block
;}
.h-newsLs3.less .con{
    padding-top: 30px;}
.h-newsLs3.less li.active .con{
    padding-top: 18px;
    padding-bottom: 18px;}
.h-newsSwp3 {
    padding: 15px;
    margin: -15px;
    position: relative;
    overflow: hidden
;}

.h-newsSwp3 .swiper-slide {
    height: auto
;}

.h-newsSwp3 .con {
    display: block;
    min-height: 520px;
    height: 100%;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .15);
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsSwp3 .con:before {
    content: '';
    position: absolute;
    right: 3px;
    bottom: 0;
    width: 147px;
    height: 193px;
    background: url(../images/h-logo4.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsSwp3 .pic {
    padding-top: 68.97%;
    position: relative;
    overflow: hidden
;}

.h-newsSwp3 .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsSwp3 .text {
    padding: 25px 26px
;}

.h-newsSwp3 .tit {
    margin-bottom: 10px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    line-height: 1.67;
    max-height: 5.01em;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsSwp3 .txt {
    font-size: 16px;
    color: #999;
    line-height: 1.88;
    max-height: 5.64em;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsSwp3 .date {
    position: absolute;
    right: 26px;
    bottom: 18px;
    color: #00797c;
    line-height: 1.3;
    text-align: center;
    z-index: 10;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-newsSwp3 .date .d1 {
    font-size: 24px;
    font-family: SourceHanSerifCN-Bold
;}

.h-newsSwp3 .date .d2 {
    font-size: 12px;
    font-family: SourceHanSerifCN-Regular
;}

.h-newsSwp3 .con:hover {
    background-color: #00797c
;}

.h-newsSwp3 .con:hover:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
;}

.h-newsSwp3 .con:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.h-newsSwp3 .con:hover .tit {
    color: #fff
;}

.h-newsSwp3 .con:hover .txt {
    color: rgba(255, 255, 255, .68)
;}

.h-newsSwp3 .con:hover .date {
    color: #fff
;}

.h-newsSwp3 .act .con {
    background-color: #00797c
;}

.h-newsSwp3 .act .con:before {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
;}

.h-newsSwp3 .act .con .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.h-newsSwp3 .act .con .tit {
    color: #fff
;}

.h-newsSwp3 .act .con .txt {
    color: rgba(255, 255, 255, .68)
;}

.h-newsSwp3 .act .con .date {
    color: #fff
;}

.row-index4 {
    padding: 45px 0;
    overflow: hidden
;}

.row-index4 .wp {
    height: 100%;
    display: -webkit-flex;
    display: flex
;}

.row-index4 .index4-col {
    margin: -30px 0;
    width: 382px;
    flex-shrink: 0
;}

.row-index4 .index4-cor {
    margin: -30px 0;
    width: calc(100% - 382px);
    flex-shrink: 0
;}

.row-index4 .h-head1 {
    margin: 30px 0;
    padding: 16px;
    min-height: 260px;
    background-color: #fff;
    box-shadow: 0 4px 10px 0 rgba(17, 42, 65, .2);
    position: relative;
    display: block
;}

.row-index4 .h-head1 .head-cor {
    padding: 0
;}

.row-index4 .h-head1 .h-btns1 {
    position: absolute;
    right: 40px;
    bottom: 40px;
    z-index: 10
;}

.swiperLearn-btns {
    position: absolute;
    left: 40px;
    bottom: 37px;
    z-index: 10;
    display: -webkit-flex;
    display: flex;
    align-items: center
;}

.swiperLearn-btns .next,
.swiperLearn-btns .prev {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(5, 85, 159, .48);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px auto;
    background-size: 8px auto
;}

.swiperLearn-btns .prev {
    margin-right: 32px;
    background-image: url(../images/h-icon-prev3.png)
;}

.swiperLearn-btns .prev:hover {
    background-image: url(../images/h-icon-prev2.png)
;}

.swiperLearn-btns .next {
    background-image: url(../images/h-icon-next3.png)
;}

.swiperLearn-btns .next:hover {
    background-image: url(../images/h-icon-next2.png)
;}

.swiperLearn-btns .next:hover,
.swiperLearn-btns .prev:hover {
    background-color: #05559f;
    border-color: #05559f
;}

.h-learnSwp1 {
    padding: 30px 0;
    position: relative;
    z-index: 1;
    overflow: hidden
;}

.h-learnSwp1 .swiper-slide {
    height: auto
;}

.h-learnSwp1 .con {
    padding: 39px 35px;
    display: block;
    min-height: 260px;
    height: 100%;
    position: relative;
    z-index: 1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-learnSwp1 .con:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: url(../images/h-learnr-bg1.jpg) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-learnSwp1 .date {
    margin-bottom: 24px;
    color: #fff;
    line-height: 1.2;
    display: -webkit-flex;
    display: flex;
    align-items: flex-end
;}

.h-learnSwp1 .date .d1 {
    font-size: 26px;
    font-family: SourceHanSerifCN-Bold
;}

.h-learnSwp1 .date .d2 {
    padding-bottom: 4px;
    margin-left: 15px;
    font-size: 16px;
    font-family: SourceHanSerifCN-Regular
;}

.h-learnSwp1 .tit {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    line-height: 1.78;
    max-height: 5.34em;
    overflow: hidden
;}

.h-learnSwp1 .icon-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 55px;
    height: 57px;
    background: url(../images/h-icon-arrow1.png) center center no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.h-learnSwp1 .con:hover {
    padding: 26px 36px
;}

.h-learnSwp1 .con:hover:before {
    -webkit-transform: scale(1, 1.12);
    -ms-transform: scale(1, 1.12);
    -o-transform: scale(1, 1.12);
    transform: scale(1, 1.12);
    background-image: url(../images/h-learnr-bg2.jpg);
    box-shadow: 0 3px 10px 0 rgba(15, 61, 105, .48)
;}

.h-learnSwp1 .con:hover .icon-arrow {
    bottom: -16px;
    opacity: 1
;}

.h-learnSwp1 .con:hover .tit {
    font-weight: 700
;}

.h-learnSwp1 .con:hover .tit span {
    background-size: 100% 1px
;}

.h-learnSwp1 .act .con {
    padding: 26px 36px
;}

.h-learnSwp1 .act .con:before {
    -webkit-transform: scale(1, 1.12);
    -ms-transform: scale(1, 1.12);
    -o-transform: scale(1, 1.12);
    transform: scale(1, 1.12);
    background-image: url(../images/h-learnr-bg2.jpg);
    box-shadow: 0 3px 10px 0 rgba(15, 61, 105, .48)
;}

.h-learnSwp1 .act .con .icon-arrow {
    bottom: -16px;
    opacity: 1
;}

.h-learnSwp1 .act .con .tit {
    font-weight: 700
;}

.h-learnSwp1 .act .con .tit span {
    background-size: 100% 1px
;}

.row-index5 {
    padding: 203px 0 267px;
    position: relative;
    z-index: 1;
    margin-bottom: -189px
;}

.row-index5 .index5-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    z-index: -1
;}

.row-index5 .h-title1 {
    margin-right: 82px;}

.section-index5 {
    position: relative;
    z-index: 2;
    overflow: hidden;}

@media screen and (min-width: 1200px) {
    .g-tit_cri{
        width: 1.04vw;
        height: 1.04vw;}
    .g-tit_cri .round{
        width: 0.625vw;
        height: 0.625vw;
        top: 0.2vw;
        left: 0.2vw;}
    .g-tit_cri .round4,
    .g-tit_cri .round3,
    .g-tit_cri .round2,
    .g-tit_cri .round1{
        width: 1.04vw;
        height: 1.04vw;}
    .wp {
        width: 100%;
        max-width: 83.333vw;
        margin: 0 auto
    ;}

    .menuBtn {
        display: none;
        position: fixed;
        top: .781vw;
        right: 1.042vw;
        width: 1.563vw;
        height: 1.563vw;
        cursor: pointer;
        z-index: 10;
        transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s
    ;}

    .menuBtn b {
        display: block;
        height: .208vw;
        background-color: #058b8e;
        margin: .208vw 0;
        transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        -o-transition: all .5s
    ;}

    .menuBtn.open b {
        display: none;
        margin: 0;
        position: absolute;
        left: 0vw;
        top: 50%;
        margin-top: -.26vw;
        width: 1.563vw;
        background-color: #058b8e
    ;}

    .menuBtn.open b:first-child {
        display: block;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg)
    ;}

    .menuBtn.open b:last-child {
        display: block;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg)
    ;}

    .header {
        padding-left: calc((100% - 95.333vw)/ 2);
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        height: 5.208vw;
        z-index: 999;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .so-pop {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        display: none
    ;}

    .so-pop .pop-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .8);
        z-index: 1
    ;}

    .so-pop .pop-close {
        position: absolute;
        right: 2.604vw;
        top: 2.604vw;
        width: 2.604vw;
        height: 2.604vw;
        background: url(../images/h-close1.png) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        z-index: 10;
        cursor: pointer
    ;}

    .so-pop .search-box {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 26.042vw;
        height: 2.344vw;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        z-index: 10
    ;}

    .so-pop .search-box input {
        outline: 0;
        border: none
    ;}

    .so-pop .search-box .inp {
        padding: 0 7.292vw 0 .625vw;
        display: block;
        width: 100%;
        height: 2.344vw;
        line-height: 2.344vw;
        box-shadow: .156vw .156vw .156vw rgba(0, 0, 0, .5) inset;
        font-size: .833vw;
        color: #333
    ;}

    .so-pop .search-box .submit {
        position: absolute;
        right: 0;
        top: 0;
        width: 6.25vw;
        height: 2.344vw;
        line-height: 2.344vw;
        background-color: #00797c;
        font-size: .938vw;
        color: #fff;
        text-align: center
    ;}

    .header:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 17.5vw;
        background: url(../images/header-bg.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: -1;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header .logo {
        margin-top: 1.563vw;
        width: 26.979vw;
        order: 1;
        flex-shrink: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header .logo,
    .header .logo a {
        display: -webkit-flex;
        display: flex;
        align-items: center
    ;}

    .header .logo img {
        height: 3.646vw;
        max-width: 100%
    ;}

    .header .logo img+img {
        margin-left: .833vw
    ;}

    .header .logo.lg2 {
        display: none
    ;}

    .header .logo.lg2 img:last-child {
        display: none
    ;}

    .header .header-soBtn {
        width: 6.25vw;
        height: 5.208vw;
        position: relative;
        z-index: 1;
        order: 10;
        flex-shrink: 0
    ;}

    .header .header-soBtn:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #00797c;
        -webkit-transform: skewX(-10deg);
        -ms-transform: skewX(-10deg);
        -o-transform: skewX(-10deg);
        transform: skewX(-10deg);
        transform-origin: 0 100%
    ;}

    .header .header-soBtn:after {
        content: '';
        position: absolute;
        left: 56%;
        top: 50%;
        width: 2.083vw;
        height: 2.083vw;
        background: url(../images/h-icon-so1.svg) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header .header-soBtn .so-cont{
        width: 19.62vw;
        height: 5.208vw;}
    .header .header-soBtn .so-cont .inp{
        padding: 0 1.041vw;
        width: 13.37vw;
        height: 5.208vw;
        line-height: 5.208vw;
        font-size: 0.833vw;}
    .header .header-soBtn .so-cont .submit{
        width: 6.25vw;
        height: 5.208vw;
        -webkit-background-size: 2.083vw auto;
        background-size: 2.083vw auto;}

    .header .header-r {
        width: calc(100% - 33.229vw);
        order: 2;
        flex-shrink: 0
    ;}

    .header .header-r .scroll {
        height: 100%;
        position: relative
    ;}

    .header .header-set {
        position: absolute;
        right: 0;
        top: .833vw;
        display: -webkit-flex;
        display: flex;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header .header-set .item {
        position: relative
    ;}

    .header .header-set .item:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        width: .052vw;
        height: 1.042vw;
        background-color: rgba(255, 255, 255, .4);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    ;}

    .header .header-set .item:last-child:before {
        display: none
    ;}

    .header .header-set .btns {
        padding: 0 1.042vw;
        display: block;
        font-size: .833vw;
        color: rgba(255, 255, 255, .8)
    ;}

    .header .header-set .btns:hover {
        color: #fff;
        text-decoration: underline
    ;}

    .header .nav {
        position: absolute;
        right: 0vw;
        bottom: 0;
        height: 3.125vw;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-end;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header .nav>li {
        position: relative
    ;}

    .header .nav>li>a {
        padding: 0 1.1vw;
        display: block;
        height: 100%;
        font-size: 1vw;
        color: #fff;
        font-weight: 700;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header .nav>li>a i {
        position: absolute;
        right: .26vw;
        top: 50%;
        width: 2.083vw;
        height: 2.083vw;
        transform: translateY(-50%);
        z-index: 10;
        display: none
    ;}

    .header .nav>li>a i:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        border: solid transparent;
        border-top-color: #058b8e;
        transform: translate(-50%, -50%)
    ;}

    .header .nav>li.on>a {
        font-size: 1.25vw;
        margin-top: -0.3125vw;}

    .header .nav>li.on>a:after,
    .header .nav>li:hover>a:after {
        opacity: 1
    ;}

    .header .sub {
        padding-top: .26vw;
        position: absolute;
        left: 50%;
        top: 90%;
        min-width:8vw;
        white-space: nowrap;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 10;
        display: none
    ;}

    .header .sub .sub-in {
        position: relative
    ;}

    .header .sub .sub-in:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: 100%;
        border: solid transparent;
        border-bottom-color: #fff
    ;}

    .header .sub a {
        padding: .417vw;
        display: block;
        text-align: center;
        font-size: .833vw;
        color: #00797c;
        line-height: 1.5;
        border-bottom: solid transparent;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .header.header-active {
        background-color: #fff;
        box-shadow: 0 0 .521vw rgba(0, 0, 0, .3)
    ;}

    .header.header-active:before {
        opacity: 0;
        visibility: hidden
    ;}

    .header.header-active .logo {
        margin: .781vw 0;
        display: none
    ;}

    .header.header-active .logo.lg2 {
        display: -webkit-flex;
        display: flex
    ;}

    .header.header-active .header-set {
        -webkit-transform: translateY(-.521vw);
        -ms-transform: translateY(-.521vw);
        -o-transform: translateY(-.521vw);
        transform: translateY(-.521vw);
        opacity: 0
    ;}

    .header.header-active .nav {
        height: 100%
    ;}

    .header.header-active .nav>li>a {
        color: #333
    ;}

    .header.header-active .nav>li.on>a,
    .header.header-active .nav>li:hover>a {
        color: #00797c
    ;}

    .footer {
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .footer .footer-1 {
        padding: 7.3vw 0 5.833vw;
        border-bottom: solid rgba(216, 216, 216, .2)
    ;}

    .footer .footer-1 .wp {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    ;}

    .footer .footer-1 .footer1-col {
        width: 35%;
        flex-shrink: 0
    ;}

    .footer .footer-1 .footer1-cor {
        width: 55.46%;
        flex-shrink: 0
    ;}

    .footer .footer-logo {
        margin-bottom: 1.042vw
    ;}

    .footer .footer-logo,
    .footer .footer-logo a {
        display: block;
        display: -webkit-flex;
        display: flex;
        align-items: center
    ;}

    .footer .footer-logo a {
        width: 100%
    ;}

    .footer .footer-logo img {
        height: 4.010vw
    ;}

    .footer .footer-logo img+img {
        margin-left: .833vw
    ;}

    .footer .footer-info {
        font-size: .833vw;
        color: #fff;
        line-height: 2;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap
    ;}

    .footer .footer-info span {
        padding-right: .781vw;
        min-width: 50%
    ;}

    .footer .footer-link {
        margin-bottom: -2.083vw;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start
    ;}

    .footer .footer-link dl {
        margin-bottom: 2.083vw;
        position: relative;
        width: 46.9%;
        flex-shrink: 0
    ;}

    .footer .footer-link dt {
        padding: 0 2.083vw;
        height: 3.125vw;
        line-height: 3.125vw;
        background-color: rgba(255, 255, 255, .15);
        font-size: .833vw;
        color: #fff;
        position: relative
    ;}

    .footer .footer-link dt:before {
        content: '';
        position: absolute;
        right: 1.771vw;
        top: 50%;
        width: .521vw;
        height: .99vw;
        background: url(../images/h-icon-arrow3.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    ;}

    .footer .footer-link dd {
        position: absolute;
        bottom: 100%;
        right: 0;
        min-width: 100%;
        z-index: 10;
        max-height: 7.1875vw;
        overflow-y: auto;
        display: none
    ;}

    .footer .footer-link dd::-webkit-scrollbar {
        width: .4vw
    ;}

    .footer .footer-link dd::-webkit-scrollbar-track {
        background: 0 0
    ;}

    .footer .footer-link dd::-webkit-scrollbar-thumb {
        background: #00797c
    ;}

    .footer .footer-link dd::-webkit-scrollbar-thumb:window-inactive {
        background: #00797c
    ;}

    .footer .footer-link dd a {
        padding: 0 2.08vw;
        display: block;
        font-size: .729vw;
        line-height: 2.4vw;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}



    .footer .footer-link dl:nth-child(odd) {
        width: 43.07%
    ;}

    .footer .footer-link .lgs {
        width: 46.9%;
        flex-shrink: 0;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: center
    ;}

    .footer .footer-link .lgs a {
        padding: 0 .521vw;
        display: block
    ;}

    .footer .footer-link .lgs img {
        display: block;
        max-height: 1.51vw
    ;}

    .footer .footer-link .lgs a:nth-child(1) img {
        max-height: 2.865vw
    ;}

    .footer .footer-2 {
        padding: 1.042vw 0
    ;}

    .footer .footer-copy {
        font-size: .729vw;
        color: rgba(255, 255, 255, .48);
        text-align: center;
        line-height: 1.5
    ;}

    .footer .footer-copy a {
        font-size: inherit;
        color: inherit
    ;}

    .footer .footer-copy a:hover {
        color: #fff
    ;}

    #browser-modal {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-align: center;
        color: #303233;
        position: fixed;
        z-index: 9990009;
        display: none
    ;}

    #browser-modal .browser-modal-cover {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #004585;
        z-index: -1
    ;}

    #browser-modal .browser-content {
        width: 36.458vw;
        margin-top: 6.25vw;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 4.167vw;
        padding-top: 2.604vw;
        background-color: #fff;
        border-radius: .26vw
    ;}

    #browser-modal .browser-content .browser-dpc-logo img {
        height: 2.188vw;
        margin: 2.344vw auto 2.083vw
    ;}

    #browser-modal .browser-content .browser-text-title {
        text-transform: uppercase;
        font-size: 1.25vw
    ;}

    #browser-modal .browser-content .browser-text-desc {
        margin-top: 1.563vw;
        margin-bottom: 1.042vw;
        font-size: .729vw
    ;}

    #browser-modal .browser-content .browser-list {
        width: 31.25vw;
        margin: 1.042vw auto;
        height: 6.771vw
    ;}

    #browser-modal .browser-content .browser-item {
        float: left;
        width: 7.813vw;
        padding-top: 1.042vw;
        padding-bottom: 1.042vw;
        margin-left: auto;
        margin-right: auto
    ;}

    #browser-modal .browser-content .browser-item .iconfont {
        width: 5.208vw;
        height: 5.208vw;
        margin: 0 auto;
        font-size: 4.167vw;
        line-height: 4.167vw;
        margin-bottom: .521vw
    ;}

    #browser-modal .browser-content .browser-item .iconchrome {
        background: url(../images/bro.png) no-repeat
    ;}

    #browser-modal .browser-content .browser-item .iconEdge,
    #browser-modal .browser-content .browser-item .iconfirefox,
    #browser-modal .browser-content .browser-item .iconopera {
        background: url(../images/bro.png) 0 no-repeat
    ;}

    #browser-modal .browser-content .browser-item a {
        cursor: pointer;
        display: block
    ;}

    #browser-modal .browser-content .browser-item a img {
        display: block;
        margin: 0 auto;
        max-width: 5.208vw;
        width: 5.208vw;
        height: 5.208vw
    ;}

    #browser-modal .browser-content .browser-item a h4 {
        text-align: center;
        margin-top: 1.042vw;
        font-size: .938vw;
        font-weight: 700
    ;}

    .textUl {
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    ;}

    .textUl span {
        background-image: linear-gradient(#fff, #fff);
        background-position: bottom left;
        background-size: 0 .052vw;
        background-repeat: no-repeat;
        transition: background-size .5s ease-in-out;
        -webkit-transition: background-size .5s ease-in-out;
        -moz-transition: background-size .5s ease-in-out;
        -ms-transition: background-size .5s ease-in-out;
        -o-transition: background-size .5s ease-in-out
    ;}

    .textUl:hover span {
        background-size: 100% .052vw
    ;}

    .cur {
        padding: 0 .625vw 0 1.458vw;
        position: relative;
        font-size: .729vw;
        color: #bdbdbd;
        line-height: 1.6;
        font-family: SourceHanSansCN-Regular;
        display: -webkit-flex;
        display: flex
    ;}

    .cur a {
        font-size: inherit;
        color: inherit;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .cur em {
        margin: 0 .469vw
    ;}

    .cur a:hover {
        color: #058b8e
    ;}

    .pages {
        padding-top: 2.083vw;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    ;}

    .pages ul {
        padding-left: .052vw;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    ;}

    .pages ul li {
        margin-left: -.052vw
    ;}

    .pages ul a,
    .pages ul span {
        padding: 0 .26vw;
        display: block;
        min-width: 2.604vw;
        line-height: 2.292vw;
        border: solid #ddd;
        text-align: center;
        font-size: .833vw;
        color: #6d6d6d;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .pages ul span {
        padding: 0;
        min-width: 2.813vw
    ;}

    .pages ul .next a,
    .pages ul .prev a {
        width: 2.708vw;
        height: 2.396vw;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: .521vw auto;
        background-size: .521vw auto
    ;}

    .pages ul .prev a {
        background-image: url()
    ;}

    .pages ul .next a {
        background-image: url()
    ;}

    .pages ul .prev:hover a {
        background-image: url()
    ;}

    .pages ul .next:hover a {
        background-image: url()
    ;}

    .pages ul .active a,
    .pages ul a:hover {
        background-color: #01569b;
        border-color: #01569b;
        color: #fff
    ;}

    .banner {
        height: 63vh;
        position: relative;
        overflow: hidden
    ;}
	
	.banner video{ position: absolute;top: 0;right: 0;bottom: 0; left: 0;width: 100%; height: 100%;object-fit: cover;}

    .banner .swiper-slide {
        overflow: hidden
    ;}

    .banner .con {
        display: block;
        height: 100%;
        overflow: hidden
    ;}

    .banner .bg {
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        overflow: hidden
    ;}

    .banner .bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: none
    ;}

    .banner .swiper-pagination {
        position: absolute;
        left: 0;
        bottom: 1vw !important;
        right: 0;
        font-size: 0;
        text-align: center;
        z-index: 10
    ;}

    .banner .swiper-pagination .swiper-pagination-bullet {
        margin: 0 .521vw !important;
        display: inline-block;
        vertical-align: middle;
        width: 1.563vw;
        height: 1.563vw;
        opacity: 1;
        background-color: transparent;
        position: relative
    ;}

    .banner .swiper-pagination .swiper-pagination-bullet:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        width: .521vw;
        height: .521vw;
        background-color: #fff;
        border-radius: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    ;}

    .banner .swiper-pagination .swiper-pagination-bullet:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/h-icon-circle1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 0;
        -webkit-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s
    ;}

    .banner .swiper-pagination .swiper-pagination-bullet-active:after {
        opacity: 1;
        -webkit-transform: rotate(-165deg);
        -ms-transform: rotate(-165deg);
        -o-transform: rotate(-165deg);
        transform: rotate(-165deg)
    ;}

    .h-head1 {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-end
    ;}

    .h-head1 .head-cor {
        padding-bottom: 1.354vw;
        flex-shrink: 0
    ;}

    .h-head1.middle {
        justify-content: center
    ;}

    .h-title1 {
        padding: 1.042vw 0 .781vw 4.479vw;
        position: relative;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        align-items: center
    ;}

    .h-title1 .bg-circle {
        position: absolute;
        left: 0;
        top: 50%;
        width: 6.302vw;
        height: 6.302vw;
        background: url(../images/h-tit-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: -1;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    ;}

    .h-title1 .tit_img {
        position: absolute;
        left: 0;
		top:1.5vw;
		width:3.5vw;}

    .h-title1 .tit {
        font-weight: 400;
        position: relative
    ;}

    .h-title1 .tit .en {
        font-size: 2.504vw;
        /*text-transform: uppercase;*/
        line-height: 1;
        font-family: SourceHanSansCN-Bold
    ;}

    .h-title1 .tit .cn {
        margin-top: -1.042vw;
        font-size: 1.675vw;
        color: #00797c;
        line-height: 1.44;
        font-family: SourceHanSerifCN-Bold
    ;}

    .h-title1 .tit .cn span {
        font-size: 1.667vw;
        color: #333
    ;}

    .h-title1.white .bg-circle {
        background-image: url(../images/h-tit-bg2.png)
    ;}

    .h-title1.red .bg-circle {
        background-image: url(../images/h-tit-bg3.png)
    ;}

    .h-title1.white .tit {
        text-align: center
    ;}

    .h-title1.white .tit .cn {
        color: #fff
    ;}

    .h-btns1 {
        display: -webkit-flex;
        display: flex
    ;}

    .h-btns1 .a1 {
        padding: 0 1.042vw;
        display: block;
        font-size: .938vw;
        color: #666;
        line-height: 2.188vw;
        position: relative
    ;}

    .h-btns1 .a1:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 5.885vw;
        height: 1.042vw;
        background: url(../images/h-btns-bg1.png) right center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%
    ;}

    .h-btns1.white .a1 {
        color: #fff
    ;}

    .h-btns1.white .a1:before {
        background-image: url(../images/h-btns-bg2.png)
    ;}

    .row-index1 .wp {
        max-width: 78.125vw
    ;}

    .row-index1 .h-indNavLs1 {
        margin-top: -3.813vw;
        position: relative;
        z-index: 10
    ;}

    .h-indNavLs1 {
        height: 4.375vw;
        display: -webkit-flex;
        display: flex
    ;}

    .h-indNavLs1 li {
        width: 16.66%;
        flex-shrink: 0;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end
    ;}

    .h-indNavLs1 .con {
        display: block;
        width: 100%;
        height: 4.375vw;
        background-color: #fff;
        box-shadow: .104vw 0vw .521vw 0vw rgba(76, 76, 76, .302);
        position: relative;
        z-index: 1;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-indNavLs1 .tit {
        height: 100%;
        font-size: 1.25vw;
        color: #333;
        font-family: SourceHanSansCN-Normal;
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-indNavLs1 .con:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: .104vw;
        background-color: #e8676a;
        opacity: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-indNavLs1 .con:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/h-ind-nav-bg1.jpg) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: -1;
        opacity: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-indNavLs1 .con:hover {
        height: 5.417vw
    ;}

    .h-indNavLs1 .con:hover:after,
    .h-indNavLs1 .con:hover:before {
        opacity: 1
    ;}

    .h-indNavLs1 .con:hover .tit {
        color: #fff
    ;}

    .row-index2 {
        padding: 1.667vw 0 9.167vw;
        overflow: hidden
    ;}

    .row-index2 .wp {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    ;}

    .row-index2 .index2-col {
        width: 69.31%;
        flex-shrink: 0
    ;}

    .row-index2 .index2-cor {
        width: 27.63%;
        flex-shrink: 0
    ;}

    .row-index2 .index2-cor .h-head1 {
        margin-bottom: .729vw
    ;}
	
	/*服务展示*/
	
	.index_fw {
        width: 100%;
        flex-shrink: 0
    ;}
.serviceCont { background: url(../images/bg1.png) center bottom no-repeat; padding-bottom: 240px;}
.servicePic { transition: all 0.5s; margin: 0 auto 17px; position: relative; box-sizing: border-box; border: 3px solid #00797c; border-radius: 50%; width:6.75vw; height: 6.75vw;
-webkit-box-shadow: inset 0 3px 16px 0 #00797c;
    box-shadow: inset 0 3px 16px 0 #00797c;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s

;}
.servicePic img { width:3.646vw;height:3.646vw; transition: all 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.servicePic img:nth-child(2) {opacity: 0;}
.seriveList { max-width: 100%; width: 100%; margin: 0 auto;}
.seriveList ul { overflow: hidden;}
.seriveList li { box-shadow: -10px 0 10px rgba(0,0,0,0.03); padding-top:60px; text-align: center;}
.serviceType { margin-bottom: 50px; width:16.6666%;}
.serviceType p { font-size: 1.1vw; color: #131313;}
.serviceTit p { font-weight: bold; font-size: 26px; color: #184da6; line-height: 1; margin-bottom: 13px;}
.serviceTit span { display: block; font-size: 16px; color: #9b9b9b; font-family: 'Times New Roman';}
.serviceTit { background: url(../images/sline.png) center bottom no-repeat; margin-bottom: 26px; padding-bottom: 36px;}
/*.serviceType:hover {background:url(../images/h-management-bg3.png) no-repeat; background-size:cover;	}*/
.serviceType:hover .servicePic::after{ content: "";
    display: block;
    width: 8.5vw;
    height: 8.5vw;
    /*border: 1px dashed #00797c;*/
	background:url(../images/icon_cl.png) no-repeat center center;
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
	z-index:-1;
    animation: circles 5s infinite linear;
    transform: translateX(-50%) translateY(-50%);}
.serviceType:hover .servicePic { background: #00797c; border: 3px solid #00797c;}
.serviceType:hover img:nth-child(1) {opacity: 0;}
.serviceType:hover img:nth-child(2) {opacity: 1;}
@keyframes circles {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0);}
    100% {
        transform: translateX(-50%) translateY(-50%) rotate(180deg);}
}
	
	/*服务展示END*/

/*优秀导师*/
.leader { padding: 23px 0 100px;}
.leaderTit { text-align: center; position:relative; line-height: 140px; margin-bottom: 35px;}
.leaderTit p { color: #eeeeee; font-size: 76px; font-weight: bold;}
.leaderTit span { position: absolute; top: 50%; left: 50%; color: #00797c; font-size: 36px; font-weight: bold;  transform: translate(-50%,-50%);}
.leaderCont { overflow: hidden;}
.leaderImg { float: left; width: 50%; max-width: 100%; overflow:hidden;}
.leaderTxt { float: right; width:50%; padding:2.5vw 2.5vw;}
.leaderImg img { display: block; width: 100%;}
.leaderCont a:hover .leaderImg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}

.leaderCont a:hover .leaderName h2 { text-indent:8px;}



.leaderTag { display: block; text-align: center; width:9vw; line-height:2vw; border-radius: 38px; color: #ffffff; background: #00797c; font-weight: bold; font-size:1.08vw; margin-bottom:2vw;}
#leaderSwp2 .swiper-slide { background: url(../images/builder.jpg) right bottom no-repeat #ffffff;}
.leaderName { margin-bottom: 2vw; border-left: 5px solid #00797c; padding-left:1vw;}
.leaderName h2 {font-size:1.58vw; line-height: 1; margin-bottom: 16px;transition:all 0.4s linear;}
.leaderName h3 {font-size:1.20vw; line-height: 1; color: #333333;}
.leaderTxt p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; font-size:.938vw; color: #333333; line-height: 2;}
.leaderMore { display: block; position: absolute; width: 130px; right: 39px; bottom: 25px; z-index:99999999999999;}
#leaderSwp2 .swiper-pagination { box-sizing: border-box; width: calc(50% + 6vw)!important; left: auto!important; left: 0; text-align: right; bottom:2vw;}
#leaderSwp2 .swiper-pagination span { width: 24px; hyphens: 5px; border-radius: 5px;}
#leaderSwp2 .swiper-pagination span.swiper-pagination-bullet-active { background: #00797c; outline:none;}


/*优秀导师END*/
    .h-tbsT1 {
        padding-right: 10.417vw;
        margin: 0 -3.646vw .729vw -3.125vw;
        position: relative;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end
    ;}

    .h-tbsT1 li:last-child .title:before {
        display: none
    ;}

    .h-tbsT1 .title {
        padding: 0 3.646vw 0 3.125vw;
        display: block;
        position: relative
    ;}

    .h-tbsT1 .title:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: .521vw;
        width: .833vw;
        height: 1.927vw;
        background: url(../images/h-line1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    ;}

    .h-tbsT1 .title .h-title1 {
        display: none
    ;}

    .h-tbsT1 .title .tit2 {
        padding: .625vw 0;
        font-size: 1.667vw;
        color: #333;
        line-height: 1.63;
        font-family: SourceHanSerifCN-Light
    ;}

    .h-tbsT1 .h-btns1 {
        position: absolute;
        right: 3.646vw;
        bottom: 1.354vw;
        display: none
    ;}

    .h-tbsT1 .active .title .h-title1 {
        display: block
    ;}

    .h-tbsT1 .active .title .tit2 {
        display: none
    ;}

    .h-tbsT1 .active .h-btns1 {
        display: block
    ;}

    .h-newsSwp1 {
        position: relative;
        overflow: hidden
    ;}

    .h-newsSwp1 .con {
        display: block;
        padding-top: 57.71%;
        position: relative;
        overflow: hidden
    ;}

    .h-newsSwp1 .con:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/h-news-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: 1
    ;}

    .h-newsSwp1 .pic {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: hidden
    ;}

    .h-newsSwp1 .pic img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover
    ;}

    .h-newsSwp1 .text {
        padding: 1.875vw 2.604vw;
        padding-right: 15.104vw;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10
    ;}

    .h-newsSwp1 .tit {
        margin-bottom: .938vw;
        font-size: .938vw;
        color: #fff;
        font-weight: 700;
        line-height: 1.33;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    ;}

    .h-newsSwp1 .txt {
        font-size: .833vw;
        color: rgba(255, 255, 255, .68);
        line-height: 1.88;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    ;}

    .h-newsSwp1 .swiper-pagination {
        position: absolute;
        left: auto !important;
        right: 3.646vw !important;
        bottom: 2.292vw !important;
        width: auto !important;
        z-index: 10
    ;}

    .h-newsSwp1 .swiper-pagination .swiper-pagination-bullet {
        margin: 0 !important;
        margin-left: 1.198vw !important;
        width: .521vw;
        height: .521vw;
        background-color: #fff;
        opacity: .4;
        border-radius: 50%
    ;}

    .h-newsSwp1 .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1
    ;}

    .h-box-schoolNews1 {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    ;}

    .h-box-schoolNews1 .col {
        width: 67.57%;
        position: relative;
        z-index: 1;
        flex-shrink: 0
    ;}

    .h-box-schoolNews1 .cor {
        width: 32.43%;
        position: relative;
        z-index: 10;
        flex-shrink: 0
    ;}

    .h-newsSwp2 {
        height: 32.083vw;
        position: relative;
        overflow: hidden
    ;}

    .h-newsSwp2 .con {
        display: block;
        height: 100%
    ;}

    .h-newsSwp2 .pic {
        /* height: 22.396vw; */
        padding-top: 57.33%;
        position: relative;
        overflow: hidden
    ;}

    .h-newsSwp2 .pic img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    ;}

    .h-newsSwp2 .text {
        padding: 2.083vw;
        /*padding-right: 12.656vw;*/
        height: 9.688vw;
        position: relative;
		background:#00797c;}

    .h-newsSwp2 .date {
        position: absolute;
        right: 1.6vw;
        top: 0;
        width: 5.208vw;
        /*height: 6.25vw;*/
        text-align: center;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    ;}

    .h-newsSwp2 .date .d1 {
        margin-bottom: .156vw;
        font-size: 1.458vw;
        color: #fff;
        line-height: 1.14;
        font-family: SourceHanSerifCN-Bold
    ;}

    .h-newsSwp2 .date .d2 {
        font-size: .833vw;
        color: rgba(255, 255, 255, .68);
        line-height: 2
    ;}

    .h-newsSwp2 .tit {
        margin-bottom: 1.042vw;
        font-size: 1.36vw;
        color: #fff;
        font-weight: 700;
        line-height: 1.33;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    ;}

    .h-newsSwp2 .tit .tit_data {font-size: .833vw;color: rgba(255, 255, 255, .68); line-height: 2;}

    .h-newsSwp2 .txt {
        font-size: .833vw;
        color: rgba(255, 255, 255, .68);
        line-height: 1.88;
        max-height: 3.76em;
        overflow: hidden
    ;}

    .h-newsSwp2 .txt p {text-align:justify;}

    .h-newsSwp2 .swiper-pagination {
        position: absolute;
        left: auto !important;
        right: 2.24vw !important;
        bottom: 10.563vw !important;
        width: auto !important;
        z-index: 10
    ;}

    .h-newsSwp2 .swiper-pagination .swiper-pagination-bullet {
        margin: 0 !important;
        margin-left: 0.4vw !important;
        width: .521vw;
        height: .521vw;
        background-color: #fff;
        opacity: .4;
        border-radius: 50%
    ;}

    .h-newsSwp2 .swiper-pagination .swiper-pagination-bullet-active {
        opacity: 1
    ;}

    .h-newsLs1 {
        height: 100%;
        background-color: #fff;
        box-shadow: 0vw .104vw .313vw 0vw rgba(0, 0, 0, .2)
    ;}

    .h-newsLs1 li {
        height: 25%
    ;}

    .h-newsLs1 li:last-child .con:before {
        display: none
    ;}

    .h-newsLs1 .con {
        padding: 1.042vw 1.563vw;
        height: 100%;
        display: block;
        overflow: hidden;
        position: relative;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs1 .con:before {
        content: '';
        position: absolute;
        left: 1.563vw;
        bottom: 0;
        right: 1.563vw;
        height: .052vw;
        background-color: #d8d8d8
    ;}

    .h-newsLs1 .con:after {
        content: '';
        position: absolute;
        right: .833vw;
        bottom: 0;
        width: 5vw;
        height: 6.719vw;

        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 0;
        z-index: -1;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs1 .date {
        margin-bottom: .521vw;
        color: #00797c;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs1 .date .d1 {
        font-size: 1.354vw;
        line-height: 1.23;
        font-family: SourceHanSerifCN-Bold
    ;}

    .h-newsLs1 .date .d2 {
        margin-left:0;
        font-size: .833vw;
        font-family: SourceHanSerifCN-Regular
    ;}

    .h-newsLs1 .tit {
        font-size: .938vw;
        color: #333;
        font-weight: 400;
        line-height: 1.78;
        max-height: 3.56em;
        overflow: hidden;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs1 .con:hover {
        background-color: #00797c;}

    .h-newsLs1 .con:hover:before {
        display: none
    ;}

    .h-newsLs1 .con:hover:after {
        opacity: 1;
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    ;}

    .h-newsLs1 .con:hover .date {
        color: #fff
    ;}

    .h-newsLs1 .con:hover .tit {
        font-weight: 700;
        color: #fff
    ;}

    .h-newsLs2 li {
        margin-top: 0.808vw;
    box-shadow: 0vw 0.104vw 0.313vw 0vw rgba(0, 0, 0, .1);
    }
/*
    .h-newsLs2 li+li {
        margin-top: 0.808vw;
    box-shadow: 0vw 0.104vw 0.313vw 0vw rgba(0, 0, 0, .2);
    }
*/

    .h-newsLs2 .con {
        padding: .729vw 1.25vw;
        display: block;
        min-height: 5.677vw;
        background-color: #fff;
        position: relative;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .con:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(95deg, #125a5c -93%, #00797c 71%);
        z-index: -1;
        opacity: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .date {
        margin-right: 1.146vw;
        width: 3.75vw;
        height: 4.323vw;
        color: #00797c;
        text-align: center;
        line-height: 1.3;
        position: relative;
        z-index: 1;
        flex-shrink: 0;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    ;}

    .h-newsLs2 .date:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/h-list-bg1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: -2;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .date:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: url(../images/h-list-bg3.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        opacity: 0;
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate(-30deg);
        z-index: -1;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .date .d1 {
        font-size: 1.25vw;
        font-family: SourceHanSerifCN-Bold;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .date .d2 {
        padding: .208vw 0 .417vw;
        font-size: .625vw;
        font-family: SourceHanSerifCN-Regular;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .text {
        width: calc(100% - 4.896vw);
        flex-shrink: 0
    ;}

    .h-newsLs2 .tit {
        font-size: .938vw;
        color: #333;
        font-weight: 400;
        line-height: 1.78;
        max-height: 3.56em;
        overflow: hidden;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsLs2 .con:hover:before {
        opacity: 1
    ;}

    .h-newsLs2 .con:hover .date {
        color: #fff
    ;}

    .h-newsLs2 .con:hover .date:before {
        -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
        -o-transform: rotate(30deg);
        transform: rotate(30deg);
        background-image: url(../images/h-list-bg2.png)
    ;}

    .h-newsLs2 .con:hover .date:after {
        opacity: 1;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    ;}

    .h-newsLs2 .con:hover .date .d2 {
        opacity: .68
    ;}

    .h-newsLs2 .con:hover .tit {
        color: #fff
    ;}

    .section-index3 {
        margin: -6.354vw 0 -6.771vw;
        padding: 2.552vw 0 5.458vw;
        position: relative;
        z-index: 10
    ;}

    .section-index3 .index3-bg1 {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center top;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: -1
    ;}

    .row-index3 {
        padding: 2.344vw 0
    ;}

    .row-index3 .wp {
        height: 100%;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    ;}

    .row-index3 .index3-col {
        width: 50%;
        flex-shrink: 0
    ;}

    .row-index3 .index3-cor {
        width: 46.25%;
        flex-shrink: 0
    ;}

    .h-box-calendar1 {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between
    ;}

    .h-box-calendar1 {
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-left: -6%;
        height: 27.083vw;}
      .h-box-calendar1.flex-start{
        align-items: start;}
      .h-box-calendar1 .calendar-col,
      .h-box-calendar1 .calendar-cor {
        width: 50%;
        flex-shrink: 0
      ;}
      .h-box-calendar1 .calendar-cor{
        width: 56%;}
      #allData{
        height: 24.479vw;
        overflow-y: auto;
        overflow-x: hidden;}
      #allData{
        position: absolute;
        bottom: 0;
        right: -3%;
        width: 56%;}
      #allData .con{
        min-height: auto;}
      #allData .top{
        display: flex;
        align-items: center;
        justify-content: space-between;
        overflow: hidden;}
      #allData .peop{
        display: flex;
        align-items: center;
        font-size: .833vw;
        color: #333;}
      #allData .peop img{
        max-height: .99vw;
        margin-right: .521vw;}
      #allData .desc,
      #allData .info{
        display: none;}
      #allData li.active .tit{
        height: 1.78em;
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: .208vw;}
      .h-newsLs3::-webkit-scrollbar {width: .313vw;}
      
      .h-newsLs3::-webkit-scrollbar-thumb {
        border-radius: .313vw;
        background: #00797c;}
      
      .h-newsLs3::-webkit-scrollbar-track {
        border-radius: .313vw;
        background: #e6f4fb;}
      
      
      
      
      .h-newsLs3 .con {
        padding: .521vw .781vw .521vw 1.563vw;
        display: block;
        position: relative;
        z-index: 1;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: center;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
      ;}
      .h-newsLs3 .desc{
        font-size: .833vw;
        color: #999;
        line-height: 1.8;}
      .h-newsLs3 .con:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 0;
        background: linear-gradient(89deg, rgba(59, 117, 198, .2) 10%, rgba(59, 117, 198, 0) 107%);
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
      ;}
      
      
      .h-newsLs3.less .date{
        margin-bottom: .417vw;}
      .h-newsLs3 .date {
        margin-bottom: .417vw;
        color: #00797c;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end
      ;}
      
      .h-newsLs3 .date .d1 {
        font-size: 1.25vw;
        line-height: 1.46;
        font-family: SourceHanSerifCN-Bold
      ;}
      
      .h-newsLs3 .date .d2 {
        margin-left: .417vw;
        font-size: .833vw
      ;}
      .h-newsLs3.less .tit{
        margin-bottom: 1.042vw;}
      
      .h-newsLs3 .tit {
        margin-bottom: .208vw;
        font-size: .938vw;
        color: #333;
        font-weight: 400;
        line-height: 1.78;
        max-height: 3.56em;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
      ;}
      
      .h-newsLs3 .tit:hover {
        color: #0054b2
      ;}
      .h-newsLs3 .active .info{
        margin-bottom: .625vw;}
      .h-newsLs3 .info {
        font-size: .833vw;
        color: #333;
        display: none;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;}
      
      .h-newsLs3 .info p {
        display: -webkit-flex;
        display: flex;
        align-items: center;
        line-height: 1.7;}
      
      .h-newsLs3 .info p+p {
        margin-top: .521vw
      ;}
      
      .h-newsLs3 .info img {
        margin: .104vw .781vw 0 0;
        max-width: .938vw;
        flex-shrink: 0
      ;}
      
      .h-newsLs3 li.active .con:before {
        width: 100%
      ;}
      #allData  .active .date{margin-bottom: .417vw;}
      .h-newsLs3 .active .date{
        margin-bottom: .208vw;}
      .h-newsLs3 li.active .tit {
        color: #0054b2;
        font-weight: 700;
        white-space: normal;
        display: -webkit-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 3.56em;
        margin-bottom: .417vw;}
      .h-newsLs3.less li.active .tit{
        margin-bottom: 2.083vw;}
      .h-newsLs3 li.active .info {
        display: block
      ;}
      .h-newsLs3.less .con{
        padding-top: 1.563vw;}
      .h-newsLs3.less li.active .con{
        padding-top: .938vw;
        padding-bottom: .938vw;}

    .h-newsSwp3 {
        padding: .781vw;
        margin: -.781vw;
        position: relative;
        overflow: hidden
    ;}

    .h-newsSwp3 .swiper-slide {
        height: auto
    ;}

    .h-newsSwp3 .con {
        display: block;
        min-height: 27.083vw;
        height: 100%;
        box-shadow: 0vw .208vw .521vw 0vw rgba(0, 0, 0, .15);
        background-color: #fff;
        position: relative;
        z-index: 1;
        overflow: hidden;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsSwp3 .con:before {
        content: '';
        position: absolute;
        right: .156vw;
        bottom: 0;
        width: 7.656vw;
        height: 10.052vw;
        background: url(../images/h-logo4.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        z-index: -1;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsSwp3 .pic {
        padding-top: 68.97%;
        position: relative;
        overflow: hidden
    ;}

    .h-newsSwp3 .pic img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        font-family: 'object-fit: contain; object-position: bottom;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        background: #e6e6e6;}

    .h-newsSwp3 .text {
        padding: 1.302vw 1.354vw
    ;}

    .h-newsSwp3 .tit {
        margin-bottom: .521vw;
        font-size: .938vw;
        color: #333;
        font-weight: 400;
        line-height: 1.67;
        max-height: 5.01em;
        overflow: hidden;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsSwp3 .txt {
        font-size: .833vw;
        color: #999;
        line-height: 1.88;
        max-height: 5.64em;
        overflow: hidden;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsSwp3 .date {
        position: absolute;
        right: 1.354vw;
        bottom: .938vw;
        color: #00797c;
        line-height: 1.3;
        text-align: center;
        z-index: 10;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-newsSwp3 .date .d1 {
        font-size: 1.25vw;
        font-family: SourceHanSerifCN-Bold
    ;}

    .h-newsSwp3 .date .d2 {
        font-size: .625vw;
        font-family: SourceHanSerifCN-Regular
    ;}

    .h-newsSwp3 .con:hover {
        background-color: #00797c
    ;}

    .h-newsSwp3 .con:hover:before {
        -webkit-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        opacity: 1
    ;}

    .h-newsSwp3 .con:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    ;}

    .h-newsSwp3 .con:hover .tit {
        color: #fff
    ;}

    .h-newsSwp3 .con:hover .txt {
        color: rgba(255, 255, 255, .68)
    ;}

    .h-newsSwp3 .con:hover .date {
        color: #fff
    ;}

    .row-index4 {
        padding: 2.344vw 0;
        overflow: hidden
    ;}

    .row-index4 .wp {
        height: 100%;
        display: -webkit-flex;
        display: flex
    ;}

    .row-index4 .index4-col {
        margin: -1.563vw 0;
        width: 19.896vw;
        flex-shrink: 0
    ;}

    .row-index4 .index4-cor {
        margin: -1.563vw 0;
        width: calc(100% - 19.896vw);
        flex-shrink: 0
    ;}

    .row-index4 .h-head1 {
        margin: 1.563vw 0;
        padding: .833vw;
        min-height: 13.542vw;
        background-color: #fff;
        box-shadow: 0vw .208vw .521vw 0vw rgba(17, 42, 65, .2);
        position: relative;
        display: block
    ;}

    .row-index4 .h-head1 .head-cor {
        padding: 0
    ;}

    .row-index4 .h-head1 .h-btns1 {
        position: absolute;
        right: 2.083vw;
        bottom: 2.083vw;
        z-index: 10
    ;}

    .swiperLearn-btns {
        position: absolute;
        left: 2.083vw;
        bottom: 1.927vw;
        z-index: 10;
        display: -webkit-flex;
        display: flex;
        align-items: center
    ;}

    .swiperLearn-btns .next,
    .swiperLearn-btns .prev {
        width: 2.5vw;
        height: 2.5vw;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: .417vw auto;
        background-size: .417vw auto
    ;}

    .swiperLearn-btns .prev {
        margin-right: 1.667vw;
        background-image: url(../images/h-icon-prev3.png)
    ;}

    .swiperLearn-btns .prev:hover {
        background-image: url(../images/h-icon-prev2.png)
    ;}

    .swiperLearn-btns .next {
        background-image: url(../images/h-icon-next3.png)
    ;}

    .swiperLearn-btns .next:hover {
        background-image: url(../images/h-icon-next2.png)
    ;}

    .swiperLearn-btns .next:hover,
    .swiperLearn-btns .prev:hover {
        background-color: #05559f;
        border-color: #05559f
    ;}

    .h-learnSwp1 {
        padding: 1.563vw 0;
        position: relative;
        z-index: 1;
        overflow: hidden
    ;}

    .h-learnSwp1 .swiper-slide {
        height: auto
    ;}

    .h-learnSwp1 .con {
        padding: 2.031vw 1.823vw;
        display: block;
        min-height: 13.542vw;
        height: 100%;
        position: relative;
        z-index: 1;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-learnSwp1 .con:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: url(../images/h-learnr-bg1.jpg) center center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        z-index: -1;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-learnSwp1 .date {
        margin-bottom: 1.25vw;
        color: #fff;
        line-height: 1.2;
        display: -webkit-flex;
        display: flex;
        align-items: flex-end
    ;}

    .h-learnSwp1 .date .d1 {
        font-size: 1.354vw;
        font-family: SourceHanSerifCN-Bold
    ;}

    .h-learnSwp1 .date .d2 {
        padding-bottom: .208vw;
        margin-left: .781vw;
        font-size: .833vw;
        font-family: SourceHanSerifCN-Regular
    ;}

    .h-learnSwp1 .tit {
        font-size: .938vw;
        color: #fff;
        font-weight: 400;
        line-height: 1.78;
        max-height: 5.34em;
        overflow: hidden
    ;}

    .h-learnSwp1 .icon-arrow {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 2.865vw;
        height: 2.969vw;
        background: url(../images/h-icon-arrow1.png) center center no-repeat;
        -webkit-background-size: 100% 100%;
        background-size: 100% 100%;
        z-index: 10;
        opacity: 0;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s
    ;}

    .h-learnSwp1 .act .con,
    .h-learnSwp1 .con:hover {
        padding: 1.354vw 1.875vw
    ;}

    .h-learnSwp1 .act .con:before,
    .h-learnSwp1 .con:hover:before {
        -webkit-transform: scale(1, 1.12);
        -ms-transform: scale(1, 1.12);
        -o-transform: scale(1, 1.12);
        transform: scale(1, 1.12);
        background-image: url(../images/h-learnr-bg2.jpg);
        box-shadow: 0vw .156vw .521vw 0vw rgba(15, 61, 105, .48)
    ;}

    .h-learnSwp1 .act .con .icon-arrow,
    .h-learnSwp1 .con:hover .icon-arrow {
        bottom: -.833vw;
        opacity: 1
    ;}

    .h-learnSwp1 .con:hover .tit {
        font-weight: 700
    ;}

    .h-learnSwp1 .act .con .tit span,
    .h-learnSwp1 .con:hover .tit span {
        background-size: 100% .052vw
    ;}

    .row-index5 {
        padding: 10.573vw 0 4.906vw;
        position: relative;
        z-index: 1;
        margin-bottom: -9.844vw
    ;}

    .row-index5 .h-title1 {
        margin-right: 4.27vw;}

    .row-index5 .index5-bg1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        z-index: -1
    ;}

    .section-index5 {
        position: relative;
        z-index: 2
    ;}
	
.index5_buidle { width:14vw; height:12vw; position:absolute; right:0; bottom:-4vw; z-index:3; background:url(../images/postbuild.png) no-repeat right top; background-size:cover;}

}

@media screen and (max-width: 1199px) {
    .footer .footer-link dt:before{
        right: 10px;
        width: 5px;
        height: 9px;}
    .footer .footer-link dd{
        background-color: #fff;}
    .footer .footer-link dd a{
        color: #333;
        padding: 0 10px;
        line-height: 35px;}
    .header {
        height: 50px;
        padding: 0 15px
    ;}

    .menuBtn {
        display: block
    ;}

    .header .logo {
        width: auto
    ;}

    .header .logo img {
        max-height: 30px;
        display: none;
        margin-left: 0 !important
    ;}

    .header .logo img:last-child {
        display: inline-block
    ;}

    .header .header-r {
        position: fixed;
        top: 50px;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background-color: #fff;
        border-top: 1px solid #058b8e;
        overflow-y: auto;
        overflow-x: hidden;
        display: none
    ;}

    .header .header-r .scroll {
        height: auto
    ;}

    .header .header-set {
        position: static;
        justify-content: center;
        align-items: center;
        height: 50px
    ;}

    .header .header-set .btns {
        color: #333;
        font-size: 12px;
        padding: 0 8px;}

    .header.header-active .header-set {
        transform: none;
        opacity: 1
    ;}

    .header .nav {
        display: block;
        position: static
    ;}

    .header .nav>li>a {
        padding: 0 15px;
        font-size: 16px;
        line-height: 45px;
        border-bottom: 1px solid #ccc;
        position: relative
    ;}

    .header .nav>li>a i {
        display: block
    ;}

    .header .nav>li.on>a {
        font-weight: normal;
        font-size: 16px;
        margin-top: 0;}

    .header .sub {
        position: static;
        transform: none;
        padding-top: 0
    ;}

    .header .sub .sub-in {
        border-radius: 0;
        padding: 0 15px
    ;}

    .header .header-soBtn {
        width: 50px;
        height: 50px;
        margin-right: 50px
    ;}

    .header .header-soBtn:before {
        transform: none
    ;}

    .header .header-soBtn:after {
        left: 50%;
        width: 20px;
        height: 20px
    ;}

    .header .header-soBtn .so-cont{
        top: 100%;
        width: 250px;
        height: 50px;
        display: none
    ;}

    .header .header-soBtn .so-cont .inp{
        width: 200px;
        height: 50px;
        line-height: 50px
    ;}

    .header .header-soBtn .so-cont .submit{
        width: 50px;
        height: 50px;
        -webkit-background-size: 20px auto;
        background-size: 20px auto;}

    .header .header-soBtn:hover .so-cont{
        display: block;}

    .so-pop .search-box {
        width: 94%
    ;}

    .footer .footer-1 .wp {
        display: block
    ;}

    .footer .footer-1 {
        padding: 20px 0
    ;}

    .footer .footer-1 .footer1-col,
    .footer .footer-1 .footer1-cor {
        float: none;
        width: auto;
        margin-bottom: 15px
    ;}

    .footer .footer-logo img {
        height: 30px
    ;}

    .footer .footer-link dl {
        margin-bottom: 15px
    ;}

    .footer .footer-link dt {
        padding: 0 10px;
        font-size: 14px;
        height: 40px;
        line-height: 40px
    ;}

    .footer .footer-link .lgs {
        flex-wrap: nowrap;
        height: 40px;
        align-items: center
    ;}

    .footer .footer-link .lgs a {
        padding: 0 5px
    ;}

    .footer .footer-link .lgs img {
        max-height: 20px
    ;}

    body {
        padding-top: 50px
    ;}

    .banner {
        height: 55vw
    ;}

    .row-index1 .wp {
        max-width: none
    ;}

    .h-indNavLs1 .con,
    .h-indNavLs1 .con:hover {
        height: auto
    ;}

    .row-index1 .h-indNavLs1 {
        height: auto;
        margin-top: 0;
        padding: 15px 0;
        display: block;
        overflow: hidden
    ;}

    .h-indNavLs1 .tit {
        font-size: 14px;
        height: 30px;
        line-height: 30px
    ;}

    .h-indNavLs1 li {
        float: left;
        width: 33.33%
    ;}

    .row-index2 {
        padding: 0px 0
    ;}

    .row-index2 .wp,
    .row-index3 .wp {
        display: block
    ;}

    .row-index2 .index2-col,
    .row-index2 .index2-cor,
    .row-index3 .index3-col,
    .row-index3 .index3-cor {
        float: none;
        width: auto;
        margin-bottom: 15px
    ;}

    .h-tbsT1 {
        margin: 0;
        padding-right: 0
    ;}

    .h-newsSwp1 .text {
        padding: 10px
    ;}

    .h-newsSwp1 .tit {
        font-size: 16px;
        margin-bottom: 6px
    ;}

    .h-newsSwp1 .txt {
        font-size: 14px
    ;}

    .h-title1 .tit .en {
        font-size: 20px
    ;}

    .h-title1 .tit .cn {
       font-size: 32px;}

    .h-btns1 .a1 {
        font-size: 16px;
        line-height: 32px
    ;}

    .h-title1 {
        padding: 20px 0 15px 50px;}

    .h-title1 .bg-circle {
        width: 50px;
        height: 50px
    ;}

    .h-btns1 .a1:before {
        bottom: -5px;
        width: 90px;
        height: 32px;
        background-size: contain
    ;}

    .h-title1 .tit .cn span {
        font-size: 22px
    ;}

    .row-index3 .index3-col {
        margin-bottom: 30px
    ;}
    .h-box-calendar1{
        margin-left: 0;}
    .h-box-calendar1 .calendar-col{
        width: 50%;}

    .h-newsLs2 li+li {
        margin-top: 12px
    ;}

    .banner .swiper-pagination {
        bottom: 3% !important
    ;}

    .so-pop .pop-close {
        width: 30px;
        height: 30px;
        top: 30px;
        right: 15px
    ;}

    .h-box-calendar1 .calendar-cor{
        width: 50%;}
    #allData{
        right: 0;
        width: 50%;}

    .row-index3{
        overflow: hidden;    padding: 5px 0 40px;}

    #currentData.one .active .con{
        height: 390px;
        padding-top: 30px;}
    #currentData.one .active .date .d1{
        font-size: 20px;}
    #currentData.one .active .line1{
        top: 165px;}
}

@media screen and (max-width: 959px) {
    #allData .top .date{
        margin-right: 5%;}
    .g-tit_cri{
        display: none;}
    .h-newsLs2 .tit {
        font-size: 16px
    ;}

    .h-tbsT1 .title {
        padding: 0
    ;}

    .h-tbsT1 .h-btns1 {
        right: 0
    ;}
    .h-tbsT1{
        align-items: center;}
    .h-tbsT1 .title .tit2 {
        padding: 0 6px;
        font-size: 14px;
        margin-top: 18px;
        margin-left: 6px;}

    .h-tbsT1 .title:before {
        display: none
    ;}

    .h-box-schoolNews1 {
        display: block
    ;}

    .h-box-schoolNews1 .col,
    .h-box-schoolNews1 .cor {
        float: none;
        width: auto
    ;}

    .h-newsSwp2 .date {
        width: 80px;
        height: 80px
    ;}

    .h-newsSwp2 .date .d1 {
        font-size: 20px
    ;}

    .h-newsSwp2 .date .d2 {
        font-size: 14px
    ;}

    .h-newsSwp2 .tit {
        font-size: 16px;
        margin-bottom: 5px
    ;}
	
	.h-newsSwp2 .tit .tit_data{
		display:none;}

    .h-newsSwp2 .txt {
        font-size: 14px
    ;}

    .h-newsSwp2 .text {
        padding: 15px 15px 15px 15px;
        height: 120px
    ;}

    .h-newsSwp2 {
        height: auto
    ;}

    .h-newsSwp1 .swiper-pagination,
    .h-newsSwp2 .swiper-pagination {
        bottom: 3% !important;
        right: 3% !important
    ;}

    .h-newsSwp2 .swiper-pagination {
        right: auto !important;
        width: 100% !important
    ;}

    .h-newsSwp1 .swiper-pagination .swiper-pagination-bullet {
        margin-left: 10px !important
    ;}

    .h-newsLs1 .tit {
        font-size: 16px
    ;}
}

@media screen and (max-width: 767px) {
    .h-box-calendar1 {
        display: block;
        height: auto;}
    .h-box-calendar1 .calendar-cor{
        width: auto;}
    #allData{
        position: static;
        width: 100%;}
    .h-newsLs3.less li.active .tit{
        margin-bottom: 20px;}
    #currentData.one .active .con{
        height: auto;
        padding-top: 12px;}
   
    #currentData.one .active .line1{
        top: 135px;}
    #currentData.one .active .info p{
        line-height: 1.7;}

    .h-box-calendar1 .calendar-col,
    .h-box-calendar1 .calendar-cor {
        width: auto
    ;}
    #allData{
        height: 300px;}
    .h-newsLs3 .con {
        padding: 15px
    ;}

    .h-newsSwp3 .con {
        min-height: auto;
        padding-bottom: 60px
    ;}

    .h-newsSwp3 .tit {
        font-size: 16px
    ;}

    .h-newsSwp3 .text {
        padding: 10px
    ;}

    .h-newsSwp3 .txt {
        font-size: 14px;
        max-height: 5.64em
    ;}

    .row-index3 {
        padding-bottom: 0
    ;}

    .row-index4 .wp {
        display: block
    ;}

    .row-index4 .index4-col,
    .row-index4 .index4-cor {
        width: auto;
        margin: 0
    ;}

    .h-learnSwp1 {
        padding: 0
    ;}

    .row-index4 .h-head1 {
        margin: 0;
        min-height: 200px
    ;}

    .h-learnSwp1 .tit {
        font-size: 16px
    ;}

    .h-learnSwp1 .con {
        padding: 15px;
        min-height: auto
    ;}

    .h-head1 {
        align-items: center
    ;}

    .h-head1 .head-cor {
        padding-bottom: 0
    ;}
}

.rightS .icon {
    font-size: 0;
    position: relative
;}

.rightS .icon .tit {
    width: 88px;
    line-height: 162px;
    display: block;
    height: 100%;
    text-align: center;
    position: relative;
    z-index: 2
;}

.rightS .icon .tit img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    max-height: 10px
;}

.rightS .icon .tit img:nth-child(2) {
    max-height: 84px
;}

.rightS .icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 162px;
    height: 162px;
    background: url(../images/r-bgi.png) center center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    animation: 20s linear infinite cartoon;
    -webkit-animation: 20s linear infinite cartoon
;}

.rightS .icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -6px;
    width: 174px;
    height: 174px;
    margin-top: -87px;
    background: rgba(173, 202, 232, .68);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: 3s linear infinite cartoon1;
    -webkit-animation: 3s linear infinite cartoon1
;}

@media screen and (min-width: 1200px) {
    .rightS .icon {
        font-size: 0
    ;}

    .rightS .icon .tit {
        width: 4.583vw;
        height: 8.437vw;
        line-height: 8.437vw
    ;}

    .rightS .icon .tit img {
        margin: 0 .208vw;
        max-height: .521vw
    ;}

    .rightS .icon .tit img:nth-child(2) {
        max-height: 4.375vw
    ;}

    .rightS .icon:after {
        content: "";
        top: 50%;
        left: 0;
        width: 8.437vw;
        height: 8.437vw;
        background: url(../images/r-bgi.png) center center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        animation: 20s linear infinite cartoon;
        -webkit-animation: 20s linear infinite cartoon
    ;}

    .rightS .icon:before {
        content: "";
        top: 50%;
        left: -.312vw;
        width: 9.062vw;
        height: 9.062vw;
        margin-top: -4.531vw;
        background: rgba(173, 202, 232, .68);
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        animation: 2s linear infinite cartoon1;
        -webkit-animation: 2s linear infinite cartoon1
    ;}
}

@keyframes cartoon {
    0% {
        transform: translateY(-50%) rotate(0);
        -moz-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        -o-transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0)
    ;}

    100% {
        transform: translateY(-50%) rotate(360deg);
        -moz-transform: translateY(-50%) rotate(360deg);
        -ms-transform: translateY(-50%) rotate(360deg);
        -o-transform: translateY(-50%) rotate(360deg);
        -webkit-transform: translateY(-50%) rotate(360deg)
    ;}
}

@-moz-keyframes cartoon {
    0% {
        transform: translateY(-50%) rotate(0);
        -moz-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        -o-transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0)
    ;}

    100% {
        transform: translateY(-50%) rotate(360deg);
        -moz-transform: translateY(-50%) rotate(360deg);
        -ms-transform: translateY(-50%) rotate(360deg);
        -o-transform: translateY(-50%) rotate(360deg);
        -webkit-transform: translateY(-50%) rotate(360deg)
    ;}
}

@-ms-keyframes cartoon {
    0% {
        transform: translateY(-50%) rotate(0);
        -moz-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        -o-transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0)
    ;}

    100% {
        transform: translateY(-50%) rotate(360deg);
        -moz-transform: translateY(-50%) rotate(360deg);
        -ms-transform: translateY(-50%) rotate(360deg);
        -o-transform: translateY(-50%) rotate(360deg);
        -webkit-transform: translateY(-50%) rotate(360deg)
    ;}
}

@-webkit-keyframes cartoon {
    0% {
        transform: translateY(-50%) rotate(0);
        -moz-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        -o-transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0)
    ;}

    100% {
        transform: translateY(-50%) rotate(360deg);
        -moz-transform: translateY(-50%) rotate(360deg);
        -ms-transform: translateY(-50%) rotate(360deg);
        -o-transform: translateY(-50%) rotate(360deg);
        -webkit-transform: translateY(-50%) rotate(360deg)
    ;}
}

@-o-keyframes cartoon {
    0% {
        transform: translateY(-50%) rotate(0);
        -moz-transform: translateY(-50%) rotate(0);
        -ms-transform: translateY(-50%) rotate(0);
        -o-transform: translateY(-50%) rotate(0);
        -webkit-transform: translateY(-50%) rotate(0)
    ;}

    100% {
        transform: translateY(-50%) rotate(360deg);
        -moz-transform: translateY(-50%) rotate(360deg);
        -ms-transform: translateY(-50%) rotate(360deg);
        -o-transform: translateY(-50%) rotate(360deg);
        -webkit-transform: translateY(-50%) rotate(360deg)
    ;}
}

@keyframes cartoon1 {

    0%,
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    ;}

    50% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    ;}
}

@-moz-keyframes cartoon1 {

    0%,
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    ;}

    25% {
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}

    50% {
        -o-transform: scale(1);
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}
}

@-ms-keyframes cartoon1 {

    0%,
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    ;}

    25% {
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}

    50% {
        -o-transform: scale(1);
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}
}

@-webkit-keyframes cartoon1 {

    0%,
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    ;}

    25% {
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}

    50% {
        -o-transform: scale(1);
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}
}

@-o-keyframes cartoon1 {

    0%,
    100% {
        transform: scale(.9);
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9)
    ;}

    25% {
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}

    50% {
        -o-transform: scale(1);
        transform: scale(.95);
        -webkit-transform: scale(.95);
        -moz-transform: scale(.95);
        -ms-transform: scale(.95);
        -o-transform: scale(.95)
    ;}
}

.row-index5 .h-head1 {
    margin-bottom: 34px
;}

.h-insightsSwp1 .con {
    display: block;
    overflow: hidden
;}

.h-insightsSwp1 {
    position: relative
;}

.h-insightsSwp1 .slider {
    margin: 0 50px
;}

.h-insightsSwp1 .next,
.h-insightsSwp1 .prev {
    width: 48px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px auto;
    -o-background-size: 8px auto;
    background-size: 8px auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 10
;}

.h-insightsSwp1 .prev {
    left: 0;
    background-image: url(../images/h-icon-prev2.png)
;}

.h-insightsSwp1 .prev:hover {
    background-image: url(../images/h-icon-prev3.png)
;}

.h-insightsSwp1 .next {
    right: 0;
    background-image: url(../images/h-icon-next2.png)
;}

.h-insightsSwp1 .next:hover {
    background-image: url(../images/h-icon-next3.png)
;}

.h-insightsSwp1 .next:hover,
.h-insightsSwp1 .prev:hover {
    background-color: #fff;
    border-color: #fff
;}

.ul-listb1 {
    overflow: hidden;
    font-size: 0;
    white-space: nowrap
;}

.ul-listb1 li {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
;}

.ul-listb1 .act {
    width: 40%
;}

.ul-listb1 .act .con {
    background-color: #fff;
    border-radius: 0 20px;
    position: relative;
    white-space: normal
;}

.ul-listb1 .act .con::before {
    content: "";
    display: block;
    width: 147px;
    height: 193px;
    position: absolute;
    top: -10%;
    right: 0;
    background: url(../images/c-icn1.png) center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain
;}

.ul-listb1 .act .left .tit {
    display: none
;}

.ul-listb1 .act .right {
    display: block
;}

.ul-listb1 .act .icon-arrow {
    opacity: 1
;}

.ul-listb1 .con {
    padding: 20px;
    height: 365px;
    margin: 0 20px
;}

.ul-listb1 .left {
    float: left;
    overflow: hidden
;}

.ul-listb1 .left .tit {
    text-align: center;
    font-size: 20px;
    color: #fff
;}

.ul-listb1 .right {
    overflow: hidden;
    padding-left: 20px;
    display: none;
    padding-top: 22px
;}

.ul-listb1 .pic {
    overflow: hidden;
    width: 229px;
    height: 307px
;}

.ul-listb1 .pic img {
    display: block;
    width: 100%
;}

.ul-listb1 .hd {
    padding: 0 4px 16px;
    border-bottom: 1px dashed #d6bebf;
    position: relative;
    margin-bottom: 18px
;}

.ul-listb1 .hd::after,
.ul-listb1 .hd::before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    position: absolute;
    bottom: -3px
;}

.ul-listb1 .hd::before {
    left: 0
;}

.ul-listb1 .hd:after {
    right: 0
;}

.ul-listb1 .tit {
    font-size: 24px;
    color: #333;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 6px
;}

.ul-listb1 .job {
    font-size: 18px;
    color: #b92a2d;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.ul-listb1 .txt {
    font-size: 16px;
    color: #9e9e9e;
    line-height: 1.875;
    height: 9.375em;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 5;
    -webkit-line-clamp: 5;
    overflow: hidden
;}

.ul-listb1 .icon-arrow {
    opacity: 0;
    height: 42px;
    background: url(../images/c-icn2.png) right center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain
;}

.h-studentSwp1 .con {
    display: block;
    position: relative
;}

.h-studentSwp1 .line {
    position: absolute;
    top: 20px;
    left: 0;
    width: 40%;
    border-bottom: 1px solid #d6bebf
;}

.h-studentSwp1 .line::after,
.h-studentSwp1 .line::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b92a2d;
    position: absolute;
    bottom: -3px
;}

.h-studentSwp1 .line::before {
    left: 0
;}

.h-studentSwp1 .line:after {
    right: 0
;}

.h-studentSwp1 .hd {
    text-align: right;
    margin-bottom: 18px
;}

.h-studentSwp1 .hd .tit {
    font-size: 30px;
    color: #333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1vw
;}

.h-studentSwp1 .hd .job {
    font-size: 16px;
    color: #b92a2d;
    display: inline-block;
    vertical-align: middle;
    margin-top: .7vw
;}

.h-studentSwp1 .txt {
    font-size: 16px;
    line-height: 2;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 4em;
    color: #666;
    margin-bottom: 46px
;}

@-webkit-keyframes ani1 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    ;}

    50% {
        opacity: 1
    ;}

    100% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    ;}
}

@-moz-keyframes ani1 {
    0% {
        opacity: 0;
        -moz-transform: rotate(0);
        transform: rotate(0)
    ;}

    50% {
        opacity: 1
    ;}

    100% {
        -moz-transform: rotate(20deg);
        transform: rotate(20deg)
    ;}
}

@-o-keyframes ani1 {
    0% {
        opacity: 0;
        -o-transform: rotate(0);
        transform: rotate(0)
    ;}

    50% {
        opacity: 1
    ;}

    100% {
        -o-transform: rotate(20deg);
        transform: rotate(20deg)
    ;}
}

@keyframes ani1 {
    0% {
        opacity: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    ;}

    50% {
        opacity: 1
    ;}

    100% {
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -o-transform: rotate(20deg);
        transform: rotate(20deg)
    ;}
}

.studentSwp-nav {
    position: relative;
    padding: 0 48px
;}

.studentSwp-nav .slider {
    overflow: hidden;
    padding: 0 4px;
    background: url(../images/ine.png) center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain
;}

.studentSwp-nav .active .con::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
;}

.studentSwp-nav .con {
    display: block;
    padding: 20px;
    position: relative;
    transform: scale(.92);
    -webkit-transform: scale(.92);
    -moz-transform: scale(.92);
    -ms-transform: scale(.92);
    -o-transform: scale(.92)
;}

.studentSwp-nav .active .con {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
;}

.studentSwp-nav .con::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/c-bg1.png) center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
    opacity: 0;
    z-index: -1;
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7)
;}

.studentSwp-nav .con:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
;}

.studentSwp-nav .pic {
    position: relative;
    height: 0;
    padding-top: 100%;
    border-radius: 50%;
    overflow: hidden
;}

.studentSwp-nav .pic img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
;}

.studentSwp-nav .next,
.studentSwp-nav .prev {
    width: 48px;
    height: 48px;
    border: 1px solid rgba(185, 42, 45, .48);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px auto;
    -o-background-size: 8px auto;
    background-size: 8px auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    cursor: pointer
;}

.studentSwp-nav .prev {
    left: 0;
    background-image: url(../images/h-icon-prev4.png)
;}

.studentSwp-nav .prev:hover {
    background-image: url(../images/h-icon-prev2.png)
;}

.studentSwp-nav .next {
    right: 0;
    background-image: url(../images/h-icon-next4.png)
;}

.studentSwp-nav .next:hover {
    background-image: url(../images/h-icon-next2.png)
;}

.studentSwp-nav .next:hover,
.studentSwp-nav .prev:hover {
    background-color: #b92a2d;
    border-color: #b92a2d
;}

.row-index6 {
    overflow: hidden
;}

.row-index6 .wp {
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .24);
    background-color: #fff;
    border-radius: 20px;
    padding: 0;
    overflow: hidden;
    margin-bottom: 105px
;}

.row-index6 .index6-col {
    float: left;
    width: 50%;
    padding: 20px 42px 0 50px
;}

.row-index6 .index6-cor {
    overflow: hidden
;}

.row-index6 .studentSwp-for {
    overflow: hidden;}

.alumnusSwp1-text {
    position: absolute;
    left: 8%;
    right: 8%;
    bottom: 7%;
    z-index: 3;
    font-size: 18px;
    color: #fff
;}

.alumnusSwp1-text .h-title1 {
    padding-left: 0
;}

.alumnusSwp1-text .h-title1 .tit {
    text-align: left
;}

.alumnusSwp1-text .txt {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.alumnusSwp1-text .cn {
    font-size: 32px
;}

.alumnusSwp1-text .en {
    font-size: 50px;
    font-weight: 700;
    line-height: 32px;
    text-transform: uppercase;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .4)), color-stop(99%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%);
    background: oldlinear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%) -moz-;
    background: -o-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%);
    background: linear-gradient(180deg, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -o-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: -30px
;}

.h-alumnusSwp1 .content {
    display: block;
    position: relative
;}

.h-alumnusSwp1 .swiper-container-vertical>.swiper-pagination-bullets {
    left: auto;
    right: 3%;
    width: auto;
    transform: none;
    top: auto;
    bottom: 5%;}

.h-alumnusSwp1 .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 15px 0
;}

.h-alumnusSwp1 .swiper-pagination-bullet {
    display: block;
    background-color: #fff
;}

.h-alumnusSwp1 .con {
    display: block;
    position: relative
;}

.h-alumnusSwp1 .pic {
    position: relative;
    height: 0;
    padding-top: 63.375%;
    overflow: hidden
;}

.h-alumnusSwp1 .pic img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
;}

.h-alumnusSwp1 .pic::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 421px;
    pointer-events: none;
    background: url(../images/h-alumnus-bg1.png) bottom center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
;}

.row-index7 { margin-top:12.5vw; width:100%;}

.row-index7>.wp {
    position: relative
;}

.h-videMedia1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 23.125%;
    background: url(../images/c-bg2.png) center no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 378px;
    z-index: 2;
    padding-top: 70px
;}

.h-videMedia1 .h-head1 {
    margin-bottom: 66px
;}

.h-videMedia1 .h-title1 .tit {
    position: static
;}

.h-videMedia1 .h-title1 .tit .en {
    position: absolute;
    top: -23px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
;}

.h-videMedia1 .h-head1 .head-cor {
    position: absolute;
    bottom: 0;
    right: 30px
;}

.h-shares1 {
    font-size: 0;
    text-align: center
;}

.h-shares1 .item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin: 0 7px
;}

.h-shares1 .item:hover .share-pop {
    visibility: visible;
    opacity: 1
;}

.h-shares1 .icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 50%;
    text-align: center;
    background-color: rgba(255, 255, 255, .1)
;}

.h-shares1 .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: 26px
;}

.h-shares1 .share-pop {
    position: absolute;
    bottom: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 8px;
    z-index: 10
;}

.h-shares1 .share-pop .pic {
    width: 100px
;}

.h-shares1 .share-pop .pic img {
    display: block;
    margin: 0 auto
;}

.h-videMediaLs1 {
    overflow: hidden;
    height: 758px;
    position: relative
;}

.h-videMediaLs1 li {
    position: absolute
;}

.h-videMediaLs1 .con {
    display: block;
    position: relative;
    overflow: hidden
;}

.h-videMediaLs1 .con:hover .img {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -ms-transform: scale(1.06);
    -o-transform: scale(1.06);
    transform: scale(1.06)
;}

.h-videMediaLs1 .pic {
    height: 380px;
    position: relative
;}

.h-videMediaLs1 .pic::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, rgba(20, 153, 183, 0)), to(#00797c));
    background: -webkit-linear-gradient(top, rgba(20, 153, 183, 0) 48%, #00797c 100%);
    background: oldlinear-gradient(top, rgba(20, 153, 183, 0) 48%, #00797c 100%) -moz-;
    background: -o-linear-gradient(top, rgba(20, 153, 183, 0) 48%, #00797c 100%);
    background: linear-gradient(180deg, rgba(20, 153, 183, 0) 48%, #00797c 100%);
    pointer-events: none
;}

.h-videMediaLs1 .pic .icn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68px;
    height: 68px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    background: url(../images/c-i3.png) center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain
;}

.h-videMediaLs1 .img {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s
;}

.h-videMediaLs1 .text {
    position: absolute;
    bottom: 30px;
    left: 40px;
    right: 40px;
    color: #fff;
    font-size: 18px
;}

.h-videMediaLs1 .text .tit {
    margin-bottom: 8px;
    font-weight: 400;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.h-videMediaLs1 .text .form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    font-size: 14px
;}

.h-videMediaLs1 .text .form .icon {
    margin-right: 10px
;}

.h-videMediaLs1 .text .form .icon img {
    display: inline-block;
    vertical-align: middle;
    max-height: 18px
;}

.h-videMediaLs1 .text .form .name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.h-videMediaLs1 .li1 {
    width: 30.75%;
    top: 0;
    left: 0
;}

.h-videMediaLs1 .li1 .pic {
    height: 758px
;}

.h-videMediaLs1 .li2 {
    top: 0;
    left: 30.75%;
    right: 23.125%
;}

.h-videMediaLs1 .li2 .pic {
    height: 378px
;}

.h-videMediaLs1 .li3 {
    top: 378px;
    left: 30.75%;
    width: 23%
;}

.h-videMediaLs1 .li4 {
    top: 378px;
    left: 53.75%;
    right: 0
;}

.h-managementLs1 {
    font-size: 0
;}

.h-managementLs1 li {
    display: inline-block;
    vertical-align: top;
    width: 25%
;}

.h-managementLs1 .con {
    font-size: 20px;
    color: #333;
    text-align: center;
    position: relative
;}

.h-managementLs1 .con::before {
    content: "";
    display: block;
    width: 637px;
    height: 673px;
    background: url(../images/h-management-bg3.png) center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: absolute;
    top: -69%;
    right: -48%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8)
;}

.h-managementLs1 .con:hover::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
;}

.h-managementLs1 .con:hover .icon {
    top: -20px;
    background-color: #0268b2;
    border-color: #fff;
    -webkit-box-shadow: inset 0 3px 16px 0 #002c5b;
    box-shadow: inset 0 3px 16px 0 #002c5b
;}

.h-managementLs1 .con:hover .icon img {
    display: none
;}

.h-managementLs1 .con:hover .icon img:nth-child(2) {
    display: inline-block
;}

.h-managementLs1 .con:hover .icon::before {
    width: 255px;
    height: 255px;
    background-image: url(../images/h-management-bg2.png)
;}


.h-managementLs1 .on .con::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
;}

.h-managementLs1 .on .con .icon {
    top: -20px;
    background-color: #0268b2;
    border-color: #fff;
    -webkit-box-shadow: inset 0 3px 16px 0 #002c5b;
    box-shadow: inset 0 3px 16px 0 #002c5b
;}

.h-managementLs1 .on .con .icon img {
    display: none
;}

.h-managementLs1 .on .con .icon img:nth-child(2) {
    display: inline-block
;}

.h-managementLs1 .on .con .icon::before {
    width: 255px;
    height: 255px;
    background-image: url(../images/h-management-bg2.png)
;}

.h-managementLs1 .icon {
    font-size: 0;
    width: 152px;
    height: 152px;
    line-height: 152px;
    position: relative;
    background-color: #fff;
    border: 3px solid #0158a8;
    border-radius: 50%;
    margin: 0 auto;
    -webkit-box-shadow: inset 0 3px 16px 0 #769bc1;
    box-shadow: inset 0 3px 16px 0 #769bc1;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
;}

.h-managementLs1 .icon::before {
    content: "";
    display: block;
    background: url(../images/h-management-bg1.png) bottom center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    width: 221px;
    height: 221px;
    position: absolute;
    top: 43%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
;}

.h-managementLs1 .icon img {
    display: inline-block;
    vertical-align: middle;
    height: 83px
;}

.h-managementLs1 .icon img:last-child {
    display: none
;}

.h-managementLs1 .num {
    font-size: 18px;
    color: #05559f;
    position: relative;
    z-index: 2
;}

.h-managementLs1 .num span {
    font-size: 48px;
    font-weight: 700;
    font-family: HelveticaInserat
;}

.h-managementLs1 .num em {
    vertical-align: top
;}

.h-managementLs1 .txt {
    position: relative;
    z-index: 2
;}

.row-index8 {
    padding: 75px 0 200px;
    position: relative;
    overflow: hidden;}

.row-index8 .h-head1 {
    margin-bottom: 150px;
    position: relative
;}

.row-index8 .h-title1 .tit {
    position: static
;}

.row-index8 .h-title1 .tit .en {
    position: absolute;
    top: -23px;
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
;}

.row-index8 .h-head1 .head-cor {
    position: absolute;
    right: 0
;}

.rightS {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
    cursor: pointer;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
;}

.rightS.open {
    top: auto;
    bottom: 5%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
;}

.rightS.open .icon {
    display: none
;}

.rightS.open .inner {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
;}

.rightS .inner {
    width: 130px;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s;
    z-index: 2
;}

.rightS .mm {
    padding-top: 75px;
    margin-top: -75px;
    background: url(../images/right-bg.png) center no-repeat;
    background-size: cover
;}

.rightS .t-icn {
    width: 130px;
    height: 137px;
    background: url(../images/r-i2.png) center no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    position: relative;
    z-index: 2
;}

.rightS .icn {
    font-size: 0;
    text-align: center;
    overflow: hidden;
    height: 50px;
    line-height: 50px
;}

.rightS .icn img {
    display: inline-block;
    vertical-align: middle
;}

.rightS .item {
    cursor: pointer;
    position: relative
;}

.rightS .item:hover .qr {
    opacity: 1;
    visibility: visible
;}

.rightS .box {
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding: 10px 0
;}

.rightS .box p {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.rightS .qr {
    position: absolute;
    top: 0;
    right: 100%;
    width: 120px;
    background-color: #fff;
    padding: 6px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: .4s;
    -o-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
;}

.rightS .qr img {
    display: block;
    width: 100%;
    margin: 0 auto
;}

.calendar {
    font-family: CenturySchoolbook;
    position: relative;
    padding-top: 30px;}
.calendar::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 300%;
    height: 100%;
    border-radius: 0 15px 0 0;
    background-color: rgba(240, 247, 255,.6);}

.calendar .year-m {
    height: 60px;
    background: linear-gradient(252deg, #0A92DC 26%, #0051A2 72%);
    position: relative;
    z-index: 10;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px;
    cursor: pointer;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
;}

.calendar .year-m span {
    font-size: 18px;
    color: #fff;
    position: relative;
    padding: 0
;}

.calendar .year-m ul {
    background: #fff;
    color: #555;
    padding: 10px 0;
    max-height: 156px;
    overflow: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    opacity: 0;
    z-index: 5;
    visibility: hidden;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top
;}

.calendar .year-m ul::-webkit-scrollbar {
    width: 5px
;}

.calendar .year-m ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #999
;}

.calendar .year-m ul::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #ddd
;}

.calendar .year-m ul li {
    font-size: 15px;
    padding: 10px 20px;
    cursor: pointer;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    font-family: sysr;
    color: #888
;}

.calendar .year-m ul li:hover {
    background: #eee;
    color: #14428f
;}

.calendar .year-m .current {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
;}

.calendar .year-m .btn_y1 svg,
.calendar .year-m .btn_y2 svg {
    width: 24px;
    height: 24px;
    fill: #fff
;}

.calendar .year-m .btn_m1 svg,
.calendar .year-m .btn_m2 svg {
    width: 18px;
    height: 18px;
    fill: #fff
;}
.calendar  svg *{
    fill: #fff;}
.calendar .year-m .btn_m1 {
    margin-left: 30px
;}

.calendar .year-m .btn_m2 {
    margin-right: 30px
;}

.calendar .year-m:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1)
;}
.calendar-content{
    border: 1px solid rgba(29, 78, 128,.2);
    padding: 0 15px 33px;
    position: relative;}
.calendar-content::before{
    content: "";
    display: block;
    background-color: #d9f0ff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48px;}
.calendar-content table {
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    position: relative;
    z-index: 2;}

.calendar-content th {
    color: #8f0c14;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 400
;}

.calendar-content td {
    color: #333;
    padding: 0;
    vertical-align: middle;
    font-size: 18px;
    position: relative;
    z-index: 1;
    height:50px
;}

.calendar-content td span {
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid transparent;}

.calendar-content td.calendar-selected span {
    background-color: #00f7de
;}

.calendar-content .day-next,
.calendar-content .day-prev {
    color: #d2d2d2
;}

.calendar-content .day-next.calendar-has span,
.calendar-content .day-prev.calendar-has span {
    background: #f2f2f2;}

.calendar-content .calendar-this span {
    background: linear-gradient(204deg, #0A92DC 4%, #0051A2 85%);
    color: #fff !important
;}

.calendar-content .calendar-has span {
    border-color: #006fcc;
    cursor: pointer;}

.tit3 {
    display: inline-block;
    background: #ffd472;
    line-height: 48px;
    padding: 0 30px;
    font-size: 20px;
    color: #c69118
;}

.cslide {
    margin: 50px 0 0 auto
;}

.cslide li {
    margin-bottom: 25px;
    display: none
;}

.cslide li:nth-child(1),
.cslide li:nth-child(2),
.cslide li:nth-child(3) {
    display: block
;}

.cslide .a {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
;}

.cslide .tit {
    width: 45px;
    margin-right: 12px;
    background: url() center no-repeat;
    line-height: 24px;
    font-size: 12px;
    color: #ffff;
    padding: 0 0 0 4px;
    -webkit-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%
;}

.cslide .txt {
    padding: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
;}

.cslide h4 {
    margin-bottom: 6px
;}

.cslide p {
    font-size: 14px;
    color: #999;
    line-height: 22px;
    position: relative;
    z-index: 1;
    padding: 0 0 0 36px
;}

.cslide p i {
    position: absolute;
    left: 0;
    top: 1px;
    width: 20px;
    height: 20px
;}

.cslide p i img {
    width: 100%;
    vertical-align: top
;}

.cslide p span {
    opacity: .6;
    display: inline-block;
    width: 70px
;}

#calendarnews {
    height: auto;
    min-height: 272px
;}

.index5-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: -1
;}

.index8-bg1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center bottom;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    z-index: -1
;}

.m-szll{
    background-color: #fcf8f8;
    font-size: 20px;
    color: #333;
    padding: 63px 100px 111px;
    margin-bottom: 82px;}
.m-szll  .txt{
    text-align: justify;
    text-align-last: left;
    line-height: 2.4;
    padding-bottom: 58px;
    position: relative;}
.g-lineb1{
    position: relative;
    border-bottom: 1px dashed #C4ABAB;
    margin-bottom: 60px;}
.g-lineb1::after,
.g-lineb1::before{
    content: "";
    display: block;
    content: '';
    position: absolute;
    top: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #b92a2d;}
.g-lineb1::before{
    left: 0;}
.g-lineb1::after{
    right: 0;}
.ulsz_ls{
    text-align: center;
    font-size: 0;}
.ulsz_ls li{
    display: inline-block;
    vertical-align: top;
    padding: 0 50px;
    position: relative;
    min-width: 380px;}

.ulsz_ls li:last-child:after{
    display: none;}
.ulsz_ls .top{
    color: #00797c;
    font-size: 24px;}
.ulsz_ls .top em{
    font-family: Impact;
    font-weight: normal;
    letter-spacing: 0.04em;
    font-size: 54px;
    line-height: 1.3;}
.ulsz_ls .p{
    font-size: 20px;
    color: #333;}


@media screen and (min-width: 1200px) {
    .row-index5 .h-head1 {
        margin-bottom: 1.771vw;
        margin-right: 0;}

    .h-insightsSwp1 .con {
        display: block;
        overflow: hidden
    ;}

    .h-insightsSwp1 {
        position: relative
    ;}

    .h-insightsSwp1 .slider {
        margin: 0 2.604vw
    ;}

    .h-insightsSwp1 .next,
    .h-insightsSwp1 .prev {
        width: 2.5vw;
        height: 2.5vw;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: .417vw auto;
        -o-background-size: .417vw auto;
        background-size: .417vw auto;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    ;}

    .h-insightsSwp1 .prev {
        left: 0;
        background-image: url(../images/h-icon-prev2.png)
    ;}

    .h-insightsSwp1 .prev:hover {
        background-image: url(../images/h-icon-prev3.png)
    ;}

    .h-insightsSwp1 .next {
        right: 0;
        background-image: url(../images/h-icon-next2.png)
    ;}

    .h-insightsSwp1 .next:hover {
        background-image: url(../images/h-icon-next3.png)
    ;}

    .h-insightsSwp1 .next:hover,
    .h-insightsSwp1 .prev:hover {
        background-color: #fff;
        border-color: #fff
    ;}

    .ul-listb1 {
        overflow: hidden
    ;}

    .ul-listb1 li {
        width: 20%;
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    ;}

    .ul-listb1 .act {
        width: 40%
    ;}

    .ul-listb1 .act .con {
        background-color: #fff;
        border-radius: 0 1.042vw;
        position: relative
    ;}

    .ul-listb1 .act .con::before {
        content: "";
        display: block;
        width: 7.656vw;
        height: 10.052vw;
        position: absolute;
        top: -10%;
        right: 0;
        background: url(../images/c-icn1.png) center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain
    ;}

    .ul-listb1 .act .left .tit {
        display: none
    ;}

    .ul-listb1 .act .right {
        display: block
    ;}

    .ul-listb1 .act .icon-arrow {
        opacity: 1
    ;}

    .ul-listb1 .con {
        padding: 1.042vw;
        height: 19.01vw;
        margin: 0 1.042vw
    ;}

    .ul-listb1 .left {
        float: left;
        overflow: hidden
    ;}

    .ul-listb1 .left .tit {
        text-align: center;
        font-size: 1.042vw;
        color: #fff
    ;}

    .ul-listb1 .right {
        overflow: hidden;
        padding-left: 1.042vw;
        display: none;
        padding-top: 1.146vw
    ;}

    .ul-listb1 .pic {
        overflow: hidden;
        width: 11.927vw;
        height: 15.99vw
    ;}

    .ul-listb1 .pic img {
        display: block
    ;}

    .ul-listb1 .hd {
        padding: 0 .208vw .833vw;
        position: relative;
        margin-bottom: .938vw
    ;}

    .ul-listb1 .hd::after,
    .ul-listb1 .hd::before {
        content: "";
        display: block;
        width: .208vw;
        height: .208vw;
        border-radius: 50%;
        background-color: #b92a2d;
        position: absolute;
        bottom: -.156vw
    ;}

    .ul-listb1 .hd::before {
        left: 0
    ;}

    .ul-listb1 .hd:after {
        right: 0
    ;}

    .ul-listb1 .tit {
        font-size: 1.25vw;
        color: #333;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: .313vw
    ;}

    .ul-listb1 .job {
        font-size: .938vw;
        color: #b92a2d;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    ;}

    .ul-listb1 .txt {
        font-size: .833vw;
        color: #9e9e9e;
        line-height: 1.875;
        height: 9.375em;
        display: -webkit-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        line-clamp: 5;
        -webkit-line-clamp: 5;
        overflow: hidden
    ;}

    .ul-listb1 .icon-arrow {
        opacity: 0;
        height: 2.188vw;
        background: url(../images/c-icn2.png) right center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain
    ;}

    .h-studentSwp1 .con {
        display: block;
        position: relative
    ;}

    .h-studentSwp1 .line {
        position: absolute;
        top: 1.042vw;
        left: 0;
        width: 40%;}

    .h-studentSwp1 .line::after,
    .h-studentSwp1 .line::before {
        content: "";
        display: block;
        width: .26vw;
        height: .26vw;
        border-radius: 50%;
        background-color: #b92a2d;
        position: absolute;
        bottom: -.156vw
    ;}

    .h-studentSwp1 .line::before {
        left: 0
    ;}

    .h-studentSwp1 .line:after {
        right: 0
    ;}

    .h-studentSwp1 .hd {
        text-align: right;
        margin-bottom: .938vw
    ;}

    .h-studentSwp1 .hd .tit {
        font-size: 1.563vw;
        color: #333;
        display: inline-block;
        vertical-align: middle
    ;}

    .h-studentSwp1 .hd .job {
        font-size: .833vw;
        color: #b92a2d;
        display: inline-block;
        vertical-align: middle
    ;}

    .h-studentSwp1 .txt {
        font-size: .833vw;
        line-height: 2;
        display: -webkit-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 4em;
        color: #666;
        margin-bottom: 2.396vw
    ;}



    .studentSwp-nav {
        position: relative;
        padding: 0 2.343vw
    ;}

    .studentSwp-nav .slider {
        overflow: hidden;
        background: url(../images/ine.png) center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain
    ;}

    .studentSwp-nav .active .con::after {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    ;}

    .studentSwp-nav .con {
        display: block;
        padding: 1.042vw;
        position: relative
    ;}

    .studentSwp-nav .con::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url(../images/c-bg1.png) center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        -webkit-transition: .6s;
        -o-transition: .6s;
        -moz-transition: .6s;
        transition: .6s;
        opacity: 0;
        z-index: -1;
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        -ms-transform: scale(.7);
        -o-transform: scale(.7);
        transform: scale(.7)
    ;}

    .studentSwp-nav .con:hover::after {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    ;}

    .studentSwp-nav .pic {
        position: relative;
        height: 0;
        padding-top: 100%;
        border-radius: 50%;
        overflow: hidden
    ;}

    .studentSwp-nav .pic img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    ;}

    .studentSwp-nav .next,
    .studentSwp-nav .prev {
        width: 2.5vw;
        height: 2.5vw;
        border-radius: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: .417vw auto;
        -o-background-size: .417vw auto;
        background-size: .417vw auto;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        position: absolute;
        cursor: pointer
    ;}

    .studentSwp-nav .prev {
        left: 0;
        background-image: url(../images/h-icon-prev4.png)
    ;}

    .studentSwp-nav .prev:hover {
        background-image: url(../images/h-icon-prev2.png)
    ;}

    .studentSwp-nav .next {
        right: 0;
        background-image: url(../images/h-icon-next4.png)
    ;}

    .studentSwp-nav .next:hover {
        background-image: url(../images/h-icon-next2.png)
    ;}

    .studentSwp-nav .next:hover,
    .studentSwp-nav .prev:hover {
        background-color: #b92a2d;
        border-color: #b92a2d
    ;}

    .row-index6 {
        overflow: hidden
    ;}

    .row-index6 .wp {
        -webkit-box-shadow: 0vw .104vw .625vw 0vw rgba(0, 0, 0, .24);
        box-shadow: 0vw .104vw .625vw 0vw rgba(0, 0, 0, .24);
        background-color: #fff;
        border-radius: 1.042vw;
        padding: 0;
        overflow: hidden;
        margin-bottom: 5.469vw
    ;}

    .row-index6 .index6-col {
        float: left;
        width: 50%;
        padding: 1.042vw 2.188vw 0 2.604vw
    ;}

    .row-index6 .index6-cor {
        overflow: hidden
    ;}

    .row-index6 .studentSwp-for {
        overflow: hidden;}

    .alumnusSwp1-text {
        position: absolute;
        left: 8%;
        right: 8%;
        bottom: 7%;
        z-index: 3;
        font-size: .938vw;
        color: #fff
    ;}

    .alumnusSwp1-text .h-title1 {
        padding-left: 0
    ;}

    .alumnusSwp1-text .h-title1 .tit {
        text-align: left
    ;}

    .alumnusSwp1-text .txt {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    ;}

    .alumnusSwp1-text .cn {
        font-size: 1.667vw
    ;}

    .alumnusSwp1-text .en {
        font-size: 2.604vw;
        font-weight: 700;
        line-height: 1.667vw;
        text-transform: uppercase;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .4)), color-stop(99%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%);
        background: oldlinear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%) -moz-;
        background: -o-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%);
        background: linear-gradient(180deg, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -o-background-clip: text;
        background-clip: text;
        text-fill-color: transparent;
        margin-bottom: -1.563vw
    ;}

    .h-alumnusSwp1 .content {
        display: block;
        position: relative
    ;}

    .h-alumnusSwp1 .swiper-container-horizontal>.swiper-pagination-bullets {
        left: auto;
        right: 3%;
        width: auto
    ;}

    .h-alumnusSwp1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: .781vw 0
    ;}

    .h-alumnusSwp1 .swiper-pagination-bullet {
        display: block;
        background-color: #fff
    ;}

    .h-alumnusSwp1 .con {
        display: block;
        position: relative
    ;}

    .h-alumnusSwp1 .pic {
        position: relative;
        height: 0;
        padding-top: 63.375%;
        overflow: hidden
    ;}

    .h-alumnusSwp1 .pic img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transition: .6s;
        -o-transition: .6s;
        -moz-transition: .6s;
        transition: .6s
    ;}

    .h-alumnusSwp1 .pic::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 21.927vw;
        pointer-events: none;
        background: url(../images/h-alumnus-bg1.png) bottom center no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    ;}

    .row-index7>.wp {
        position: relative
    ;}

    .h-videMedia1 {
        position: absolute;
        top: 0;
        right: 0;
        width: 23.125%;
        background: url(../images/c-bg2.png) center no-repeat;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        height: 19.688vw;
        z-index: 2;
        padding-top: 3.646vw
    ;}

    .h-videMedia1 .h-head1 {
        margin-bottom: 3.438vw
    ;}

    .h-videMedia1 .h-title1 .tit {
        position: static
    ;}

    .h-videMedia1 .h-title1 .tit .en {
        position: absolute;
        top: -1.198vw;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        white-space: nowrap
    ;}

    .h-videMedia1 .h-head1 .head-cor {
        position: absolute;
        bottom: 0;
        right: 1.563vw
    ;}

    .h-shares1 {
        font-size: 0;
        text-align: center
    ;}

    .h-shares1 .item {
        display: inline-block;
        vertical-align: top;
        position: relative;
        cursor: pointer;
        margin: 0 .365vw
    ;}

    .h-shares1 .item:hover .share-pop {
        visibility: visible;
        opacity: 1
    ;}

    .h-shares1 .icon {
        width: 3.333vw;
        height: 3.333vw;
        line-height: 3.333vw;
        border-radius: 50%;
        text-align: center;
        background-color: rgba(19, 194, 198, .85)
    ;}

    .h-shares1 .icon img {
        display: inline-block;
        vertical-align: middle;
        max-height: 1.354vw
    ;}

    .h-shares1 .share-pop {
        position: absolute;
        bottom: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        visibility: hidden;
        opacity: 0;
        padding: .521vw;
        background-color: #fff;
        border-radius: .417vw;
        z-index: 10
    ;}

    .h-shares1 .share-pop .pic {
        width: 5.208vw
    ;}

    .h-shares1 .share-pop .pic img {
        display: block;
        margin: 0 auto
    ;}

    .h-videMediaLs1 {
        overflow: hidden;
        height: 39.479vw;
        position: relative
    ;}

    .h-videMediaLs1 li {
        position: absolute
    ;}

    .h-videMediaLs1 .con {
        display: block;
        position: relative;
        overflow: hidden
    ;}

    .h-videMediaLs1 .con:hover .img {
        -webkit-transform: scale(1.06);
        -moz-transform: scale(1.06);
        -ms-transform: scale(1.06);
        -o-transform: scale(1.06);
        transform: scale(1.06)
    ;}

    .h-videMediaLs1 .pic {
        height: 19.792vw;
        position: relative
    ;}

    .h-videMediaLs1 .pic::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(48%, rgba(20, 153, 183, 0)), to(#08829d));
        background: -webkit-linear-gradient(top, rgba(0, 121, 124, 0) 48%, #00797c 100%);
        background: oldlinear-gradient(top, rgba(0, 121, 124, 0) 48%, #00797c 100%) -moz-;
        background: -o-linear-gradient(top, rgba(0, 121, 124, 0) 48%, #00797c 100%);
        background: linear-gradient(180deg, rgba(0, 121, 124, 0) 48%, #00797c 100%);
        pointer-events: none
    ;}

    .h-videMediaLs1 .li3 .pic::after,
    .h-videMediaLs1 .li4 .pic::after {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(54%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .8) 83%);
        background: oldlinear-gradient(top, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .8) 83%) -moz-;
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .8) 83%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, .8) 83%)
    ;}

    .h-videMediaLs1 .pic .icn {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 3.542vw;
        height: 3.542vw;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        display: block;
        background: url(../images/c-i3.png) center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain
    ;}

    .h-videMediaLs1 .img {
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        -webkit-transition: .6s;
        -o-transition: .6s;
        -moz-transition: .6s;
        transition: .6s
    ;}

    .h-videMediaLs1 .text {
        position: absolute;
        bottom: 1.563vw;
        left: 2.083vw;
        right: 2.083vw;
        color: #fff;
        font-size: .938vw
    ;}

    .h-videMediaLs1 .text .tit {
        margin-bottom: .417vw;
        font-weight: 400;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    ;}

    .h-videMediaLs1 .text .form {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        font-size: .729vw
    ;}

    .h-videMediaLs1 .text .form .icon {
        margin-right: .521vw
    ;}

    .h-videMediaLs1 .text .form .icon img {
        display: inline-block;
        vertical-align: middle;
        max-height: .938vw
    ;}

    .h-videMediaLs1 .text .form .name {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    ;}

    .h-videMediaLs1 .li1 {
        width: 30.75%;
        top: 0;
        left: 0
    ;}

    .h-videMediaLs1 .li1 .pic {
        height: 39.479vw
    ;}

    .h-videMediaLs1 .li2 {
        top: 0;
        left: 30.75%;
        right: 23.125%
    ;}

    .h-videMediaLs1 .li2 .pic {
        height: 19.688vw
    ;}

    .h-videMediaLs1 .li3 {
        top: 19.688vw;
        left: 30.75%;
        width: 23%
    ;}

    .h-videMediaLs1 .li4 {
        top: 19.688vw;
        left: 53.75%;
        right: 0
    ;}

    .h-managementLs1 {
        font-size: 0
    ;}

    .h-managementLs1 li {
        display: inline-block;
        vertical-align: top;
        width: 25%
    ;}

    .h-managementLs1 .con {
        font-size: 1.042vw;
        color: #333;
        text-align: center;
        position: relative
    ;}

    .h-managementLs1 .con::before {
        content: "";
        display: block;
        width: 33.177vw;
        height: 35.052vw;
        background: url(../images/h-management-bg3.png) center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        position: absolute;
        top: -69%;
        right: -48%;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s;
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8)
    ;}

    .h-managementLs1 .con:hover::before {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    ;}

    .h-managementLs1 .con:hover .icon {
        top: -1.042vw;
        background-color: #0268b2;
        border-color: #fff;
        -webkit-box-shadow: 0 .156vw .833vw #002c5b inset;
        box-shadow: 0 .156vw .833vw #002c5b inset
    ;}

    .h-managementLs1 .con:hover .icon img {
        display: none
    ;}

    .h-managementLs1 .con:hover .icon img:nth-child(2) {
        display: inline-block
    ;}

    .h-managementLs1 .con:hover .icon::before {
        width: 13.281vw;
        height: 13.281vw;
        background-image: url(../images/h-management-bg2.png)
    ;}

    .h-managementLs1 .icon {
        font-size: 0;
        width: 7.917vw;
        height: 7.917vw;
        line-height: 7.917vw;
        position: relative;
        background-color: #fff;
        border: solid #0158a8;
        border-radius: 50%;
        margin: 0 auto;
        -webkit-box-shadow: 0 .156vw .833vw #769bc1 inset;
        box-shadow: 0 .156vw .833vw #769bc1 inset;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s
    ;}

    .h-managementLs1 .icon::before {
        content: "";
        display: block;
        background: url(../images/h-management-bg1.png) bottom center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        width: 11.51vw;
        height: 11.51vw;
        position: absolute;
        top: 43%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    ;}

    .h-managementLs1 .icon img {
        display: inline-block;
        vertical-align: middle;
        height: 4.322vw
    ;}

    .h-managementLs1 .icon img:last-child {
        display: none
    ;}

    .h-managementLs1 .num {
        font-size: .938vw;
        color: #05559f;
        position: relative;
        z-index: 2
    ;}

    .h-managementLs1 .num span {
        font-size: 2.5vw;
        font-weight: 700;
        font-family: HelveticaInserat
    ;}

    .h-managementLs1 .num em {
        vertical-align: top
    ;}

    .h-managementLs1 .txt {
        position: relative;
        z-index: 2
    ;}

    .row-index8 {
        padding: 3.906vw 0 10.417vw
    ;}

    .row-index8 .h-head1 {
        margin-bottom: 7.813vw;
        position: relative
    ;}

    .row-index8 .h-title1 .tit {
        position: static
    ;}

    .row-index8 .h-title1 .tit .en {
        position: absolute;
        top: -1.198vw;
        left: 50%;
        white-space: nowrap;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    ;}

    .row-index8 .h-head1 .head-cor {
        position: absolute;
        right: 0
    ;}

    .rightS.open .icon {
        display: none
    ;}

    .rightS.open .inner {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    ;}

    .rightS .inner {
        width: 6.771vw;
        position: absolute;
        bottom: 0;
        right: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    ;}

    .rightS .mm {
        padding-top: 3.906vw;
        margin-top: -3.906vw
    ;}

    .rightS .t-icn {
        width: 6.771vw;
        height: 7.135vw;
        background: url(../images/r-i2.png) center no-repeat;
        -webkit-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
        position: relative;
        z-index: 2
    ;}

    .rightS .icn {
        font-size: 0;
        text-align: center;
        overflow: hidden;
        height: 2.604vw;
        line-height: 2.604vw
    ;}

    .rightS .icn img {
        display: inline-block;
        vertical-align: middle
    ;}

    .rightS .item {
        cursor: pointer;
        position: relative
    ;}

    .rightS .item:hover .qr {
        opacity: 1;
        visibility: visible
    ;}

    .rightS .box {
        text-align: center;
        font-size: .729vw;
        color: #fff;
        border-bottom: solid rgba(255, 255, 255, .2);
        padding: .521vw 0
    ;}

    .rightS .box p {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    ;}

    .rightS .qr {
        position: absolute;
        top: 0;
        right: 100%;
        width: 6.25vw;
        background-color: #fff;
        padding: .313vw;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .4s;
        -o-transition: .4s;
        -moz-transition: .4s;
        transition: .4s
    ;}

    .rightS .qr img {
        display: block;
        margin: 0 auto
    ;}

    .calendar {
        font-family: CenturySchoolbook;}

    .calendar-content::before{
        height: 2.5vw;}

    .calendar .year-m {
        height: 3.125vw;
       
        position: relative;
        z-index: 10;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 2.083vw;
        cursor: pointer;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    ;}

    .calendar .year-m span {
        font-size: .938vw;
        color: #fff;
        position: relative;
        padding: 0
    ;}

    .calendar .year-m ul {
        background: #fff;
        color: #555;
        padding: .521vw 0;
        max-height: 8.125vw;
        overflow: auto;
        width: 100%;
        position: absolute;
        left: 0;
        top: 100%;
        -webkit-box-shadow: 0 0 .5208vw rgba(0, 0, 0, .1);
        box-shadow: 0 0 .5208vw rgba(0, 0, 0, .1);
        opacity: 0;
        z-index: 5;
        visibility: hidden;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: top;
        -moz-transform-origin: top;
        -ms-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top
    ;}

    .calendar .year-m ul::-webkit-scrollbar {
        width: .26vw
    ;}

    .calendar .year-m ul::-webkit-scrollbar-thumb {
        border-radius: .521vw;
        background: #999
    ;}

    .calendar .year-m ul::-webkit-scrollbar-track {
        border-radius: .521vw;
        background: #ddd
    ;}

    .calendar .year-m ul li {
        font-size: .781vw;
        padding: .521vw 1.0416vw;
        cursor: pointer;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s;
        font-family: sysr;
        color: #888
    ;}

    .calendar .year-m ul li:hover {
        background: #eee;
        color: #14428f
    ;}

    .calendar .year-m .current {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center
    ;}

    .calendar .year-m .btn_y1 svg,
    .calendar .year-m .btn_y2 svg {
        width: 1.25vw;
        height: 1.25vw;
        fill: #fff
    ;}

    .calendar .year-m .btn_m1 svg,
    .calendar .year-m .btn_m2 svg {
        width: .938vw;
        height: .938vw;
        fill: #fff
    ;}

    .calendar .year-m .btn_m1 {
        margin-left: 1.563vw
    ;}

    .calendar .year-m .btn_m2 {
        margin-right: 1.563vw
    ;}

    .calendar .year-m:hover ul {
        opacity: 1;
        visibility: visible;
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1)
    ;}

    .calendar-content table {
        min-height: 18.1vw;
        width: 100%;
        text-align: center;
        border-collapse: collapse
    ;}



    .calendar-content th {
        color: #8f0c14;
        padding: .625vw 0;
        font-size: .833vw;
        font-weight: 400
    ;}

    .calendar-content td {
        color: #333;
        padding: 0;
        vertical-align: middle;
        font-size: .938vw;
        position: relative;
        z-index: 1;
        height: 2.6vw
    ;}

    .calendar-content td span {
        width: 1.666vw;
        height: 1.666vw;
        line-height: 1.666vw;
        padding: 0;
        border-radius: 50%;
        display: inline-block;}

    .calendar-content td.calendar-selected span {
        background-color: #00f7de
    ;}

    .calendar-content .day-next,
    .calendar-content .day-prev {
        color: #d2d2d2
    ;}

    .calendar-content .day-next.calendar-has span,
    .calendar-content .day-prev.calendar-has span {
        background: #f2f2f2
    ;}

    .calendar-content .calendar-this span {
        background: linear-gradient(204deg, #0A92DC 4%, #0051A2 85%);
        color: #fff !important
    ;}

    .calendar-content .calendar-has span {
        border-color: #006fcc
    ;}

    .tit3 {
        display: inline-block;
        background: #ffd472;
        line-height: 2.5vw;
        padding: 0 1.5624vw;
        font-size: 1.042vw;
        color: #c69118
    ;}

    .cslide {
        margin: 2.604vw 0 0 auto
    ;}

    .cslide li {
        margin-bottom: 1.302vw;
        display: none
    ;}

    .cslide li:nth-child(1),
    .cslide li:nth-child(2),
    .cslide li:nth-child(3) {
        display: block
    ;}

    .cslide .a {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    ;}

    .cslide .tit {
        width: 2.344vw;
        margin-right: .625vw;
        background: url() center no-repeat;
        line-height: 1.25vw;
        font-size: .625vw;
        color: #ffff;
        padding: 0 0 0 .20832vw;
        -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    ;}

    .cslide .txt {
        padding: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden
    ;}

    .cslide h4 {
        margin-bottom: .313vw
    ;}

    .cslide p {
        font-size: .729vw;
        color: #999;
        line-height: 1.146vw;
        position: relative;
        z-index: 1;
        padding: 0 0 0 1.875vw
    ;}

    .cslide p i {
        position: absolute;
        left: 0;
        top: .052vw;
        width: 1.042vw;
        height: 1.042vw
    ;}

    .cslide p i img {
        width: 100%;
        vertical-align: top
    ;}

    .cslide p span {
        opacity: .6;
        display: inline-block;
        width: 3.646vw
    ;}

    #calendarnews {
        height: auto;
        min-height: 14.167vw
    ;}


.m-szll{
    background-color: #fcf8f8;
    font-size: 1.04vw;
    color: #333;
    padding: 3.28125vw 5.2vw 5.78125vw;
    margin-bottom: 4.27vw;}
.m-szll  .txt{
    padding-bottom: 3.02vw;}
.g-lineb1{
    margin-bottom: 3.125vw;}


.ulsz_ls li{
    padding: 0 2.6vw;
    min-width: 19.8vw;}
.ulsz_ls li::after{
    width: 1.14vw;
    height: 2.44vw;}

.ulsz_ls .top{
    font-size: 1.25vw;}
.ulsz_ls .top em{
    font-size: 2.8125vw;}
.ulsz_ls .p{
    font-size: 1.04vw;}

}

@media screen and (max-width: 1199px) {
    .rightS {
        display: none
    ;}

    .row-index6 .studentSwp-for {
        padding: 0
    ;}

    .row-index8 {
        padding: 30px 0 60px
    ;}

    .row-index8 .h-head1 {
        margin-bottom: 40px
    ;}

    .h-managementLs1 .con {
        font-size: 16px
    ;}

    .h-managementLs1 .icon {
        width: 76px;
        height: 76px;
        line-height: 76px;
        border-width: 1px
    ;}

    .h-managementLs1 .icon img {
        height: 30px
    ;}

    .h-managementLs1 .icon::before {
        width: 110px;
        height: 110px
    ;}

    .h-managementLs1 .con:hover .icon::before {
        width: 127px;
        height: 127px
    ;}

    .h-managementLs1 .con::before {
        display: none
    ;}

    .h-managementLs1 .num {
        font-size: 14px
    ;}

    .h-managementLs1 .num span {
        font-size: 24px
    ;}

    .h-videMedia1 {
        right: 15px;
        height: 280px;
        padding-top: 20px
    ;}

    .h-shares1 .icon {
        width: 45px;
        height: 45px;
        line-height: 45px
    ;}

    .h-shares1 .icon img {
        max-height: 20px
    ;}

    .h-videMedia1 .h-title1 .tit .en {
        top: 0
    ;}

    .h-videMediaLs1 .text {
        font-size: 16px;
        bottom: 3%;
        left: 3%;
        right: 3%
    ;}

    .h-videMediaLs1,
    .h-videMediaLs1 .li1 .pic {
        height: 500px
    ;}

    .h-videMediaLs1 .li2 .pic {
        height: 280px
    ;}

    .h-videMediaLs1 .pic {
        height: 220px
    ;}

    .h-videMediaLs1 .li3,
    .h-videMediaLs1 .li4 {
        top: 280px
    ;}

    .section-index3 {
        margin: 0;
        padding: 0
    ;}

    .row-index6 .wp {
        margin: 30px 15px
    ;}

    .row-index5 .index5-bg1 {
        display: none
    ;}

    .row-index5 {
        padding: 30px 0;
        background-color: #058b8e;
        margin-bottom: 50px
    ;}

    .row-index5 .h-head1 {
        margin-bottom: 20px
    ;}

    .row-index6 .index6-col {
        padding: 15px
    ;}

    .h-studentSwp1 .hd .tit {
        font-size: 18px
    ;}

    .h-studentSwp1 .hd {
        margin-bottom: 8px
    ;}

    .h-studentSwp1 .hd .job,
    .h-studentSwp1 .txt {
        font-size: 14px
    ;}

    .h-studentSwp1 .txt {
        margin-bottom: 12px
    ;}

    .studentSwp-nav .con {
        padding: 6px
    ;}

    .alumnusSwp1-text {
        font-size: 14px
    ;}

    .alumnusSwp1-text .en {
        margin-bottom: 0
    ;}

    .ul-listb1 .con {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
        height: auto
    ;}

    .ul-listb1 .left {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 30%
    ;}
   
    .ul-listb1 .act {
        width: 50%
    ;}

    .ul-listb1 .pic {
        width: auto;
        height: auto
    ;}

    .ul-listb1 .tit {
        font-size: 16px
    ;}

    .ul-listb1 .job,
    .ul-listb1 .txt {
        font-size: 14px
    ;}

    .ul-listb1 .txt {
        display: -webkit-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 5.625em
    ;}

    .calendar {
        padding: 40px 0 0;}
    .calendar::after{
        display: none;}

    .h-studentSwp1 .line {
        top: 13px
    ;}
	
	.links dl { display:block;}
	.links dl dt {  width: 100%; text-align: center;    border-right: 0px solid #dcdcdc;    font-size: 4vw;
    line-height: 2.5;}
	
	.links dl dd {  width:100%;}
	.links dl dd a {
    font-size: 3.5vw; line-height: 3;    margin-right:3vw;}

    .m-szll{
        padding: 15px;
        font-size: 14px;
        margin-bottom: 30px;}
    .m-szll .txt{
        line-height: 1.8;
        padding-bottom: 30px;}
    .g-lineb1{
        margin-bottom: 30px;}
    .ulsz_ls li{
        min-width: auto;
        width: 33.33%;
        padding: 0 20px;}
    .ulsz_ls .p,
    .ulsz_ls .top{
        font-size: 14px;}
    .ulsz_ls .top em{
        font-size: 24px;}
    .ulsz_ls li::after{
        width: 12px;
        height: 20px;
        background-size: contain;}

   
}

@media screen and (max-width: 959px) {
    .ul-listb1 .con {
        margin: 0 10px
    ;}

    .ul-listb1 li {
        float: none
    ;}

    .ul-listb1 .act {
        width: auto
    ;}

    .alumnusSwp1-text {
        bottom: 7%;
        left: 7%;
        right: 7%
    ;}

    .alumnusSwp1-text .h-title1 {
        padding-bottom: 0
    ;}
    .row-index6 .index6-col,
    .row-index6 .index6-cor {
        float: none;
        width: auto
    ;}

}

@media screen and (max-width: 767px) {
    .ulsz_ls li{
        padding: 0 10px;}
    .ulsz_ls li::after{
        display: none;}
    .ul-listb1 .con {
        display: block
    ;}

    .ul-listb1 .left {
        float: none;
        width: auto
    ;}

    .ul-listb1 .pic img {
        margin: 0 auto
    ;}

    .h-insightsSwp1 .slider {
        margin: 0
    ;}

    .h-insightsSwp1 .next,
    .h-insightsSwp1 .prev {
        background-color: #0051a2;
        z-index: 10
    ;}

    .h-insightsSwp1 .next:hover,
    .h-insightsSwp1 .prev:hover {
        background-color: #0051a2
    ;}

    .h-insightsSwp1 .prev:hover {
        background-image: url(../images/h-icon-prev2.png)
    ;}

    .h-insightsSwp1 .next:hover {
        background-image: url(../images/h-icon-next2.png)
    ;}

   
    .h-videMedia1 {
        position: static;
        width: auto;
        height: auto;
        padding: 50px 0;
        margin-bottom: 15px
    ;}

    .h-videMedia1 .h-head1 {
        margin-bottom: 30px
    ;}

    .h-videMediaLs1 {
        height: auto;
        overflow: hidden
    ;}

    .h-videMediaLs1 li {
        width: auto !important;
        height: auto;
        position: static;
        margin-bottom: 15px
    ;}

    .h-videMediaLs1 .pic {
        height: 0 !important;
        position: relative;
        padding-top: 55%;
        overflow: hidden
    ;}

    .h-videMediaLs1 .pic .img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    ;}

    .h-videMediaLs1 .pic .icn {
        width: 30px;
        height: 30px
    ;}

    .h-managementLs1 li {
        width: 50%;
        margin-bottom: 30px
    ;}

    .row-index8 .h-title1 .tit .en {
        top: 0
    ;}
    .ul-listb1 .pic{
        width: 50%;
        margin: 0 auto;}
}

svg * {
    fill: none;
    stroke: currentColor
;}

.img-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    object-fit: cover
;}

.ban {
    overflow: hidden;
    position: relative;}
.ban .tit{
    position: absolute;
    top: 50%;
    left: 10%;
    color:#fff;
    font-size: 2.5vw;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.ban img {
    display: block;
    width: 100%;
    height: auto
;}

.g-tit {
    overflow: hidden;
    position: relative;
    text-align: center
;}

.g-tit .h-title1 {
    padding-right: 0;
    margin: 0 auto;
    display: inline-block
;}

.g-tit .more {
    position: absolute;
    right: 0;
    top: 3.44vw;
    width: 5.89vw;
    height: 1.67vw;
    color: #666;
    font-size: .94vw;
    padding-left: .83vw;
    text-align: left;
    background: url(../images/hs-1.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.g-tit .more:hover {
    color: #05559f
;}

.row-xsfz1 {
    overflow: hidden;
    padding: 2.29vw 0 0
;}

.row-xsfz1 .g-tit {
    margin-bottom: 2.08vw
;}

.m-xsfz1new {
    overflow: hidden;
    position: relative;
    padding: 4.69vw 0;
    background: #f6f6f6
;}

.m-xsfz1new::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 58%;
    background: url(../images/hs-10.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.g-newsh1 {
    overflow: hidden;
    background-color: #fff;
    padding: 3.13vw 2.92vw;
    position: relative;
    z-index: 2;
    box-shadow: .36vw .47vw .83vw 0vw rgba(19, 30, 96, .3)
;}

.g-newsh1 .newswp1 {
    width: 43.13vw;
    float: left;
    margin-right: 2.08vw;
    overflow: hidden
;}

.g-newsh1 .newswp2,
.row-xsfz2 {
    overflow: hidden
;}

.newswph1 .pic {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 66%;
    transition: all .3s
;}

.newswph1 .swiper-slide:hover .pic img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
;}

.newswph1 .pic .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 11.46vw 1.56vw 2.08vw;
    color: #fff
;}

.newswph1 .pic .txt .time {
    font-size: .83vw;
    line-height: 1.67vw
;}

.newswph1 .pic .txt .time span {
    font-size: 1.35vw;
    margin-right: .52vw
;}

.newswph1 .pic .txt .tit {
    font-size: 1.04vw;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.newswph1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: right;
    bottom: 1.98vw;
    padding-right: 1.25vw
;}

.newswph1.swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    background-color: rgba(255, 255, 255, .4);
    opacity: 1;
    border-radius: 50%;
    margin: 0 1.25vw 0 0
;}

.newswph1.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
;}

.ul-list1hs {
    overflow: hidden
;}

.ul-list1hs li {
    background-color: #fff;
    padding: .94vw 0
;}

.ul-list1hs .time {
    float: left;
    text-align: center;
    width: 4.58vw;
    height: 4.17vw;
    padding-top: .52vw;
    border-right: solid #bbb;
    margin-right: 1.3vw
;}

.ul-list1hs .time .day {
    font-size: 1.35vw;
    font-weight: 700;
    color: #333;
    line-height: 1.56vw
;}

.ul-list1hs .time .yh {
    font-size: .73vw;
    line-height: 1.56vw;
    color: #666
;}

.ul-list1hs .txt {
    overflow: hidden
;}

.ul-list1hs .txt .tit {
    font-size: 1.04vw;
    font-weight: 400;
    color: #1a1a1a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .63vw
;}

.ul-list1hs .txt .desc {
    font-size: .83vw;
    font-weight: 400;
    line-height: 1.56vw;
    color: #787878;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-list1hs li:hover {
    background: linear-gradient(270deg, #0051a2 0, #0072c8 99%)
;}

.ul-list1hs li:hover .time .day,
.ul-list1hs li:hover .time .yh,
.ul-list1hs li:hover .txt .tit {
    color: #fff
;}

.ul-list1hs li:hover .txt .desc {
    color: #f9f9f9;
    opacity: .6
;}

.m-xsfz1link {
    overflow: hidden;
    position: relative
;}

.m-xsfz1link .box {
    position: relative;
    overflow: hidden
;}

.m-xsfz1link::after {
    content: '';
    position: absolute;
    display: block;
    height: 14.06vw;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f6f6f6
;}

.m-xsfz1link .pic {
    position: absolute;
    right: 0;
    top: 0;
    width: 48.96vw;
    height: 28.65vw;
    overflow: hidden;
    z-index: 1
;}

.m-xsfz1link .item {
    width: 34.38vw;
    height: 12.5vw;
    line-height: 12.5vw;
    position: relative;
    text-align: center;
    z-index: 2;
    -webkit-background-size: cover;
    background-size: cover;
    transition: all .3s
;}

.m-xsfz1link .item a {
    display: block
;}

.m-xsfz1link .item .ico {
    vertical-align: middle;
    display: inline-block;
    width: 5.94vw;
    height: 5.94vw;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-xsfz1link .item1:hover {
    padding-left: 3vw
;}

.m-xsfz1link .item2:hover {
    padding-right: 3vw
;}

.m-xsfz1link .item1 .ico {
    background-image: url(../images/hs-20.png)
;}

.m-xsfz1link .item2 .ico {
    background-image: url(../images/hs-21.png)
;}

.m-xsfz1link .item p {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: SourceHanSerifCN-Regular;
    font-size: 1.67vw;
    margin-left: 2.6vw
;}

.m-xsfz1link .item1 {
    margin-top: 6.51vw;
    background-image: url(../images/hs-26.jpg)
;}

.m-xsfz1link .item2 {
    margin-left: 22.4vw;
    background-image: url(../images/hs-23.png)
;}

.row-xsfz2 {
    overflow: hidden;
    background: url(../images/hs-12.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 2.66vw 0
;}

.newswph2.swiper-container {
    overflow: hidden;
    padding-bottom: 5vw
;}

.newswph2.swiper-container.h-newsLs2 .con {
    min-height: 6.25vw
;}

.newswph2 .con .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.newswph2 .con .desc {
    font-size: .83vw;
    line-height: 1.67vw;
    color: #889ba8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.h-newsLs2 .date.bg2:before {
    background-image: url(../images/hs-24.png)
;}

.newswph2 .con:hover .desc {
    color: rgba(255, 255, 255, .48)
;}

.row-xsfz2 .g-tit {
    margin-bottom: 2.4vw
;}

.newswph2 .swiperLearn-btns {
    width: 7.29vw;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    right: 0
;}

.newswph2 .swiperLearn-btns>div {
    display: inline-block;
    float: none;
    width: 2.5vw;
    height: 2.5vw;
    cursor: pointer
;}

.row-benke1 {
    overflow: hidden;
    padding: 2.29vw 0 0
;}

.row-benke1 .g-tit {
    margin-bottom: 1.51vw
;}

.g-desch1 {
    text-align: center;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 2.08vw;
    padding-bottom: 2.76vw;
    color: #333;
    background: url(../images/hs-25.png) bottom no-repeat
;}

.ul-list2hs {
    overflow: hidden;
    margin: 0 -2.08vw;
    padding-top: 3.54vw
;}

.ul-list2hs li {
    width: 25%;
    float: left;
    margin-bottom: 4.17vw
;}

.ul-list2hs .con {
    display: block;
    margin: 0 2.08vw;
    overflow: hidden
;}

.ul-list2hs .pic {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .3s;
    padding-top: 118%
;}

.ul-list2hs li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.ul-list2hs .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3.65vw 0 0 2.6vw;
    color: #fff;
    height: 9.22vw;
    -webkit-background-size: cover;
    background-size: cover
;}

.ul-list2hs .txt .tit {
    font-size: 1.25vw;
    color: #fff;
    line-height: 2.14vw;
    padding-left: 1.56vw;
    margin-bottom: 1.35vw;
    background: url(../images/hs-17.png) left no-repeat
;}

.ul-list2hs .txt .more {
    float: right;
    padding-left: 2.19vw;
    font-size: .83vw;
    opacity: .6;
    padding-right: 2.6vw;
    background: url(../images/hs-18.png) left center no-repeat
;}

.row-benke2 {
    overflow: hidden;
    padding-bottom: 6.88vw;
    background: url(../images/hs-7.jpg) top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-benke2 .g-tit {
    margin-bottom: 190px
;}

.newswph3 {
    position: relative
;}

.newswph3 .swiper-container {
    margin: 0 45px
;}

.newswph3 .h-learnSwp1 .con {
    background-color: #fff;
    min-height: 244px
;}

.newswph3 .h-learnSwp1 .date {
    color: #00797c
;}

.newswph3 .h-learnSwp1 .tit {
    color: #333;
    z-index: 3;
    position: relative
;}

.newswph3 .h-learnSwp1 .con:before {
    opacity: 0
;}

.newswph3 .h-learnSwp1 .swiper-slide:hover .con:before {
    opacity: 1;
    background-image: url(../images/hs-13.jpg)
;}

.newswph3 .h-learnSwp1 .swiper-slide:hover .date,
.newswph3 .h-learnSwp1 .swiper-slide:hover .tit {
    color: #fff
;}

.newswph3 .swiper-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    left: -1.56vw;
    border-radius: 50%;
    border: solid #fff;
    background: url(../images/h-icon-prev2.png) center no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    opacity: 1 !important
;}

.newswph3 .swiper-button-next {
    width: 2.5vw;
    height: 2.5vw;
    right: -1.56vw;
    border-radius: 50%;
    border: solid #fff;
    background: url(../images/h-icon-next2.png) center no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    opacity: 1 !important
;}

.newswph3 .con::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 7.34vw;
    height: 9.74vw;
    background: url(../images/hs-8.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.newswph3 .swiper-slide:hover .con::after {
    background-image: url(../images/hs-9.png)
;}

.row-xsfz3 {
    overflow: hidden;
    padding: 3.13vw 0 4.17vw
;}

.row-xsfz3.pt {
    padding-top: 1vw
;}

.row-xsfz3 .g-tit {
    margin-bottom: 1.77vw
;}

.m-download {
    overflow: hidden;
    background: #eef3f7;
    padding: 3.13vw 3.54vw 2.08vw
;}
.vd_ban .pic{
    position: relative;
    height: 0;
    padding-top: 56%;
    overflow: hidden;}
.vd_ban .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.vd_ban .play{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%,-50%);
    display: block;
    background: url(../images/h-icon-playbtn1.png) no-repeat center;
    background-size: 16px;
    z-index: 2;
    border-radius: 50%;
    border: 2px solid #fff;}

.downloadswph1.downloadswph1 {
    padding-bottom: 4.48vw
;}

.downloadswph1 .swiperLearn-btns {
    width: 7.29vw;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0
;}

.downloadswph1 .swiperLearn-btns>div {
    display: inline-block;
    float: none;
    cursor: pointer;
    width: 2.5vw;
    height: 2.5vw
;}

.row-boshi1 {
    overflow: hidden;
    padding: 2.45vw 0
;}

.row-boshi1 .g-tit {
    margin-bottom: 1.25vw
;}

.ul-list3 {
    overflow: hidden;
    margin-top: 3.59vw
;}

.ul-list3 li {
    width: 50%;
    float: left;
    -webkit-background-size: 100.5% 100%;
    background-size: 100.5% 100%;
    padding: 2.5vw 3.13vw;
    color: #fff
;}

.ul-list3 .tit {
    overflow: hidden;
    line-height: 1.93vw;
    margin-bottom: 1.56vw;
    padding-bottom: 1.56vw;
    border-bottom: 1px solid rgba(140, 140, 140, .4)
;}

.ul-list3 li:last-child .tit {
    border-color: rgba(255, 255, 255, .3)
;}

.ul-list3 .desc {
    font-size: 1.04vw;
    line-height: 2;
    height: 6em;}

.l2 {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;}

.l3 {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;}

.ul-list3 .tit h4 {
    overflow: hidden;
    padding-left: 2.08vw;
    font-size: 1.25vw;
    float: left;
    background: url(../images/hs-19.png) left center no-repeat
;}

.ul-list3 .tit a {
    display: block;
    font-size: .83vw;
    float: right
;}

.ul-list3 li:nth-child(1) {
    background-image: url(../images/hs-5.png)
;}

.ul-list3 li:nth-child(2) {
    background-image: url(../images/hs-6.png)
;}

@media only screen and (min-width: 1200px) and (max-width:1440px) {
.header .nav>li>a {font-size: 1.08vw;}
.header .sub a	{font-size: 1vw;}
.h-newsLs1 .tit {font-size: 1.1vw;}
.h-newsSwp2 .txt{font-size: 1vw;}
.h-newsLs2 .tit{font-size: 1.1vw;}

.serviceType p{font-size: 1.28vw;}
.h-videMediaLs1 .text {font-size: 1.1vw;}
.footer .banQuan { margin-top:1vw;}
.footer .banQuan p {font-size: 1vw; line-height:2;}



	
}

@media only screen and (min-width: 1200px) and (max-width:1920px) {
    .img-cover {
        top: 0;
        left: 0;
        object-fit: cover
    ;}

    .ban img {
        height: auto
    ;}

    .g-tit .h-title1 {
        margin: 0 auto
    ;}

    .g-tit .more {
        right: 0;
        top: 3.437vw;
        width: 5.885vw;
        height: 1.666vw;
        font-size: .937vw;
        padding-left: .833vw;
        background: url(../images/hs-1.png) bottom no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto
    ;}

    .row-xsfz1 {
        padding: 2.291vw 0 0
    ;}

    .row-xsfz1 .g-tit {
        margin-bottom: 2.083vw
    ;}

    .m-xsfz1new {
        padding: 4.687vw 0;
        background: #f6f6f6
    ;}

    .m-xsfz1new::after {
        content: '';
        top: 0;
        left: 0;
        bottom: 0;
        background: url(../images/hs-10.jpg) no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .g-newsh1 {
        padding: 3.125vw 2.916vw;
        box-shadow: .364vw .468vw .833vw 0 rgba(19, 30, 96, .3)
    ;}

    .g-newsh1 .newswp1 {
        width: 43.12vw;
        margin-right: 2.083vw
    ;}

    .newswph1 .pic {
        transition: all .3s
    ;}

    .newswph1 .swiper-slide:hover .pic img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        transform: scale(1.08)
    ;}

    .newswph1 .pic .txt {
        bottom: 0;
        padding: 0 11.45vw 1.562vw 2.083vw
    ;}

    .newswph1 .pic .txt .time {
        font-size: .833vw;
        line-height: 1.666vw
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 1.354vw;
        margin-right: .52vw
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 1.041vw;
        line-height: 1.5;
        white-space: nowrap
    ;}

    .newswph1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        bottom: 1.979vw;
        padding-right: 1.25vw
    ;}

    .newswph1.swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: .52vw;
        height: .52vw
    ;}

    .ul-list1hs li {
        padding: .937vw 0
    ;}

    .ul-list1hs .time {
        width: 4.583vw;
        height: 4.166vw;
        padding-top: .52vw;
        border-right: 1px solid #bbb;
        margin-right: 1.302vw
    ;}

    .ul-list1hs .time .day {
        font-size: 1.354vw;
        font-weight: 700;
        line-height: 1.562vw
    ;}

    .ul-list1hs .time .yh {
        font-size: .729vw;
        line-height: 1.562vw
    ;}

    .ul-list1hs .txt .tit {
        font-size: 1.041vw;
        font-weight: 400;
        white-space: nowrap;
        margin-bottom: .625vw
    ;}

    .ul-list1hs .txt .desc {
        font-size: .833vw;
        font-weight: 400;
        line-height: 1.562vw;
        white-space: nowrap
    ;}

    .ul-list1hs li:hover {
        background: linear-gradient(270deg, #0051a2 0, #0072c8 99%)
    ;}

    .ul-list1hs li:hover .txt .desc {
        opacity: .6
    ;}

    .m-xsfz1link::after {
        content: '';
        height: 14.06vw;
        left: 0;
        bottom: 0;
        background: #f6f6f6
    ;}

    .m-xsfz1link .pic {
        right: 0;
        top: 0;
        width: 48.95vw;
        height: 28.64vw
    ;}

    .m-xsfz1link .item {
        width: 34.38vw;
        height: 12.5vw;
        line-height: 12.5vw;
        -webkit-background-size: cover;
        background-size: cover;
        transition: all .3s
    ;}

    .m-xsfz1link .item .ico {
        width: 5.937vw;
        height: 5.937vw;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .m-xsfz1link .item1:hover {
        padding-left: 3vw
    ;}

    .m-xsfz1link .item2:hover {
        padding-right: 3vw
    ;}

    .m-xsfz1link .item1 .ico {
        background-image: url(../images/hs-20.png)
    ;}

    .m-xsfz1link .item2 .ico {
        background-image: url(../images/hs-21.png)
    ;}

    .m-xsfz1link .item p {
        font-family: SourceHanSerifCN-Regular;
        font-size: 1.666vw;
        margin-left: 2.604vw
    ;}

    .m-xsfz1link .item1 {
        margin-top: 6.51vw;
        background: url(../images/hs-22.png)
    ;}

    .m-xsfz1link .item2 {
        margin-left: 22.39vw;
        background: url(../images/hs-23.png)
    ;}

    .row-xsfz2 {
        background: url(../images/hs-12.jpg) center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 2.656vw 0
    ;}

    .newswph2.swiper-container {
        padding-bottom: 5vw
    ;}

    .newswph2.swiper-container.h-newsLs2 .con {
        min-height: 6.25vw
    ;}

    .newswph2 .con .desc {
        font-size: .833vw;
        line-height: 1.666vw;
        white-space: nowrap
    ;}

    .h-newsLs2 .date.bg2:before {
        background-image: url(../images/hs-24.png)
    ;}

    .row-xsfz2 .g-tit {
        margin-bottom: 2.447vw
    ;}

    .newswph2 .swiperLearn-btns {
        width: 7.291vw;
        margin: 0 auto;
        left: 0;
        bottom: 0;
        right: 0
    ;}

    .row-benke1 {
        padding: 2.291vw 0 0
    ;}

    .row-benke1 .g-tit {
        margin-bottom: 1.51vw
    ;}

    .g-desch1 {
        font-size: 1.041vw;
        font-weight: 400;
        line-height: 2.083vw;
        padding-bottom: 2.76vw;
        background: url(../images/hs-25.png) bottom no-repeat
    ;}

    .ul-list2hs {
        margin: 0 -2.083vw;
        padding-top: 3.541vw
    ;}

    .ul-list2hs li {
        margin-bottom: 4.166vw
    ;}

    .ul-list2hs .con {
        margin: 0 2.083vw
    ;}

    .ul-list2hs .pic {
        transition: all .3s
    ;}

    .ul-list2hs li:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    ;}

    .ul-list2hs .txt {
        bottom: 0;
        left: 0;
        right: 0;
        padding: 3.645vw 2.4vw 0;
        height: 9.218vw;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .ul-list2hs .txt .tit {
        font-size: 1.25vw;
        line-height: 2.135vw;
        padding-left: 1vw;
        margin-bottom: 1.354vw;
        background: url(../images/hs-17.png) left no-repeat
    ;}

    .ul-list2hs .txt .more {
        padding-left: 2.187vw;
        font-size: .833vw;
        opacity: .6;
        background: url(../images/hs-18.png) left center no-repeat
    ;}

    .row-benke2 {
        padding-bottom: 6.875vw;
        background: url(../images/hs-7.jpg) bottom no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto
    ;}

    .row-benke2 .g-tit {
        margin-bottom: 9.895vw
    ;}

    .newswph3 .swiper-container {
        margin: 0 2.343vw
    ;}

    .newswph3 .h-learnSwp1 .con {
        min-height: 12.7vw
    ;}

    .newswph3 .h-learnSwp1 .con:before {
        opacity: 0
    ;}

    .newswph3 .h-learnSwp1 .swiper-slide:hover .con:before {
        opacity: 1;
        background-image: url(../images/hs-13.jpg)
    ;}

    .newswph3 .swiper-button-prev {
        width: 2.5vw;
        height: 2.5vw;
        left: -1.562vw;
        border-radius: 50%;
        border: 1px solid #fff;
        background: url(../images/h-icon-prev2.png) center no-repeat;
        opacity: 1 !important
    ;}

    .newswph3 .swiper-button-next {
        width: 2.5vw;
        height: 2.5vw;
        right: -1.562vw;
        border-radius: 50%;
        border: 1px solid #fff;
        background: url(../images/h-icon-next2.png) center no-repeat;
        opacity: 1 !important
    ;}

    .newswph3 .con::after {
        content: '';
        right: 0;
        bottom: 0;
        width: 7.343vw;
        height: 9.739vw;
        background: url(../images/hs-8.png) no-repeat
    ;}

    .newswph3 .swiper-slide:hover .con::after {
        background-image: url(../images/hs-9.png)
    ;}

    .row-xsfz3 {
        padding: 3.125vw 0 4.166vw
    ;}

    .row-xsfz3 .g-tit {
        margin-bottom: 1.77vw
    ;}

    .m-download {
        background: #eef3f7;
        padding: 3.125vw 3.541vw 2.083vw
    ;}

    .downloadswph1.downloadswph1 {
        padding-bottom: 4.479vw
    ;}

    .downloadswph1 .swiperLearn-btns {
        width: 7.291vw;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0
    ;}

    .row-boshi1 {
        padding: 2.447vw 0
    ;}

    .row-boshi1 .g-tit {
        margin-bottom: 1.25vw
    ;}

    .ul-list3 {
        margin-top: 3.593vw
    ;}

    .ul-list3 li {
        -webkit-background-size: cover;
        background-size: cover;
        padding: 2.5vw 3.125vw
    ;}

    .ul-list3 .tit {
        line-height: 1.927vw;
        margin-bottom: 1.562vw;
        padding-bottom: 1.562vw;
        border-bottom: 1px solid rgba(140, 140, 140, .4)
    ;}

    .ul-list3 .desc {
        font-size: 1.041vw;
        line-height: 2;
        height: 6em;}

    .ul-list3 .tit h4 {
        padding-left: 2.083vw;
        font-size: 1.25vw;
        background: url(../images/hs-19.png) left center no-repeat
    ;}

    .ul-list3 .tit a {
        font-size: .833vw
    ;}

    .ul-list3 li:nth-child(1) {
        background-image: url(../images/hs-5.png)
    ;}

    .ul-list3 li:nth-child(2) {
        background-image: url(../images/hs-6.png)
    ;}
}

@media only screen and (max-width: 1199px) {
    .wp {
        width: auto;
        padding: 0 15px
    ;}

    .g-newsh1 .newswp1 {
        width: auto;
        float: none;
        margin-right: 0
    ;}

    .g-newsh1 {
        padding: 20px
    ;}

    .ul-list1hs .txt .tit {
        font-size: 18px;
        line-height: 1.6
    ;}

    .ul-list1hs .txt .desc {
        font-size: 14px;
        line-height: 1.6
    ;}

    .m-xsfz1link .pic {
        display: none
    ;}

    .m-xsfz1link .item {
        width: 100%;
        float: left
    ;}

    .m-xsfz1link .item1,
    .m-xsfz1link .item2 {
        margin-left: 0;
        margin-top: 0
    ;}

    .m-xsfz1new::after {
        display: none
    ;}

    .m-xsfz1new {
        padding: 30px 0
    ;}

    .newswph2.swiper-container {
        padding: 0 0 60px
    ;}

    .row-xsfz2,
    .row-xsfz3 {
        padding: 30px 0
    ;}

    .m-download {
        padding: 20px
    ;}

    .downloadswph1.downloadswph1 {
        padding-bottom: 70px
    ;}

    .ul-list3 .desc {
        font-size: 16px
    ;}

    .row-boshi1 {
        padding: 30px 0
    ;}

    .ul-list3 li {
        padding: 30px
    ;}

    .ul-list3 .tit h4 {
        font-size: 22px
    ;}

    .ul-list3 .tit {
        padding-bottom: 16px
    ;}

    .g-desch1 {
        font-size: 18px;
        padding-bottom: 30px
    ;}

    .newswph3 .swiper-button-next {
        right: 0
    ;}

    .newswph3 .swiper-button-prev {
        left: 0
    ;}

    .row-benke2 .g-tit {
        margin-bottom: 20px
    ;}

    .row-benke2 {
        padding-bottom: 1.56vw
    ;}

    .ul-list3 {
        margin-top: 30px
    ;}

    .g-desch1 br {
        display: none
    ;}

    .ul-list2hs .txt {
        padding: 60px 10px 0
    ;}

    .row-benke1 {
        padding-top: 30px
    ;}

    .newswph1 .pic .txt .time {
        font-size: 12px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 14px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 18px
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-xsfz1link .item {
        height: 200px;
        line-height: 200px
    ;}

    .g-desch1 {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.7
    ;}

    .ul-list3 li {
        width: auto;
        float: none
    ;}

    .ul-list3 li:nth-child(1) {
        background-image: none;
        background-color: #05559f
    ;}

    .ul-list3 li:nth-child(2) {
        background-image: none;
        background-color: #a41e23
    ;}

    .ul-list3 .desc {
        height: 6em
    ;}

    .newswph3 .h-learnSwp1 .con {
        min-height: 160px;
        border: 1px solid #eee
    ;}

    .ul-list2hs .txt .tit {
        margin-bottom: 10px;
        background: 0 0;
        padding-left: 0;
        font-size: 14px
    ;}

    .ul-list2hs .txt {
        height: 95px;
        padding-top: 40px
    ;}

    .ul-list2hs .txt .more {
        font-size: 12px
    ;}

    .ul-list3 .tit h4 {
        font-size: 18px
    ;}

    .row-benke2 {
        background: 0 0
    ;}

    .ul-list1hs .time {
        width: 60px;
        border-right: none;
        margin-right: 0;
        height: auto;
        padding-top: 0
    ;}

    .ul-list1hs .time .yh {
        font-size: 12px;
        line-height: 1.5
    ;}

    .ul-list1hs .time .day {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 1.5
    ;}

    .ul-list1hs .txt .tit {
        margin-bottom: 0;
        font-size: 15px;
        padding-top: 4px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-list1hs .txt .desc {
        font-size: 12px
    ;}

    .ul-list1hs li {
        padding: 8px 0
    ;}

    .g-newsh1 {
        padding: 15px 15px 8px
    ;}

    .m-xsfz1link .item p {
        font-size: 22px;
        margin-left: 20px
    ;}

    .m-xsfz1link .item .ico {
        width: 80px;
        height: 80px
    ;}

    .m-xsfz1link .item {
        height: 140px;
        line-height: 140px
    ;}

    .g-desch1 {
        font-size: 14px;
        padding-bottom: 16px
    ;}

    .ul-list3 .desc {
        font-size: 14px;
        height: 6em;}

    .ul-list3 .tit h4 {
        font-size: 18px;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        padding-left: 20px
    ;}

    .ul-list3 .tit a {
        font-size: 12px
    ;}

    .ul-list3 li {
        padding: 15px
    ;}

    .ul-list3 .tit {
        line-height: 28px;
        padding-bottom: 10px;
        margin-bottom: 16px
    ;}

    .row-benke2 {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: left
    ;}

    .row-benke1 {
        padding-top: 20px
    ;}

    .row-boshi1,
    .row-xsfz2,
    .row-xsfz3 {
        padding: 20px 0
    ;}

    .ul-list2hs li {
        width: 50%
    ;}
}

.row-xyjj {
    overflow: hidden;
    padding-bottom: 5.21vw
;}

.row-xyjj .g-tit {
    margin-bottom: 1.88vw
;}

.m-xyjjinfo {
    margin-bottom: 3.1vw;
    overflow: hidden
;}

.m-xyjjinfo .pic {
    float: right;
    margin-left: 2.6vw;
    position: relative;
    margin-bottom: 1vw;
    margin-right: 1.88vw
;}

.m-xyjjinfo .pic img {
    display: block;
    width: 35.42vw;
    height: auto;
    position: relative;
    z-index: 1
;}

.m-xyjjinfo .pic::after {
    content: '';
    display: block;
    width: 35.42vw;
    height: 20.08vw;
    position: absolute;
    top: 1.88vw;
    right: -1.88vw;
    background: #00797c
;}

.m-xyjjinfo .desc {
    padding-top: .73vw;
    font-size: 1.04vw;
    color: #333;
    line-height: 2.2
;}

.m-xyjjinfo p {
    text-indent: 2em
;}

.m-xyjjimg {
    overflow: hidden;
    display: flex;
    justify-content: space-between
;}

.m-xyjjimg .item {
    width: 46%
;}

.m-xyjjimg .item .h-title1 {
    margin-bottom: 1vw
;}

.m-xyjjimg .img {
    position: relative;
    line-height: 15.63vw;
    overflow: hidden;
    text-align: center
;}

.m-xyjjimg .img::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../images/hs-68.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.m-xyjjimg .img::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../images/hs-68.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.m-xyjjimg .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
;}

@media only screen and (max-width: 1199px) {
    .m-xyjjinfo .pic::after {
        display: none
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-xyjjinfo .pic {
        width: 100%;
        float: none;
        margin: 0
    ;}

    .m-xyjjinfo .pic img {
    width: 80%;
        margin: 0 auto 10px
    ;}

    .m-xyjjinfo .desc {
        font-size: 16px;
        line-height: 1.8
    ;}

    .m-xyjjimg .item {
        width: 100%
    ;}

    .m-xyjjimg {
        display: block;
        margin-bottom: 2vw
    ;}
}

@media only screen and (max-width: 767px) {
    .m-xyjjinfo .pic::after {
        display: none
    ;}

    .m-xyjjinfo .desc {
        font-size: 16px
    ;}

    .m-xyjjimg .img {
        line-height: 160px
    ;}
}

.row-ldjy {
    overflow: hidden;}

.row-ldjy .g-tit {
    margin-bottom: 1.92vw
;}

.m-ldjy {
    padding-top: 4.9vw;
    overflow: hidden;
    position: relative
;}

.m-ldjy::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4.9vw;
    width: 38.7vw;
    background: url(../images/hs-36.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-ldjy .box {
    background: #f3f7fa;
    clear: both;
    padding: 4.27vw 4.95vw 17.5vw 
;}

.m-ldjy .pic {
    margin-top: 3.7vw;
    float: left;
    width: 17.45vw;
    margin-right: 3.13vw;
    z-index: 3
;}

.m-ldjy .pic .name {
    text-align: center;
    font-size: 1.56vw;
    color: #024a9f;
    font-weight: 700 ;
    font-family: Arial;}

.m-ldjy .pic .name i {
 
    margin: 0 .78vw;}

.m-ldjy .pic .img {
    border-radius: .78vw;
    overflow: hidden;
    margin-bottom: 1.67vw
;}

.m-ldjy .pic .img img {
    display: block;
    width: 100%
;}

.m-ldjy .txt {
    overflow: hidden;}
.m-ldjy .txt .item{
    overflow: hidden;}
.m-ldjy .txt .item.bg{
    margin-bottom: 3.62vw;
     padding: 2.85vw 0 0;
     position: relative;}
.m-ldjy .txt .desc {
    position: relative;
    font-size: 1.12vw;
    line-height: 2;
    color: #335376;
    overflow: hidden;}
.m-ldjy .txt .bg .desc{
    line-height: 2.2;}
.m-ldjy .txt .bg .desc p{
    text-indent: 2em;} 
.m-ldjy .txt .tits{
    font-size: 1.88vw;
    color:#00797c;
    padding-bottom: 1.7vw;
   font-family: SourceHanSerifCN-Bold;
   background: url(../images/hs-s1.png) no-repeat bottom;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
   margin-bottom: 1.8vw;}
.m-ldjy .txt .bg::after {
    content: '';
    display: block;
    position: absolute;
    top: .1vw;
    left: 0;
    width: 5.31vw;
    height: 4.17vw;
    background: url(../images/hs-34.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-ldjy .txt .bg::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5.31vw;
    height: 4.17vw;
    background: url(../images/hs-35.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-ldjy .qm{
    float: right;
    margin-right:5.22vw;
    overflow: hidden;
    padding-top: 2vw;}
.m-ldjy .qm .nr{
    float: left;
    color:#024A9F;
    font-family: Arial;
    font-size: 1.25vw;
    line-height: 1.67;
    margin-right: 1.56vw;}
.m-ldjy .qm .img{
    width: 7.19vw;
    height: 4.22vw;
    overflow: hidden;
    background: url(../images/hs-s2.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}
@media only screen and (max-width: 1300px) {
    .m-ldjy .pic .name {
        font-size: 22px
    ;}

    .m-ldjy .txt {
        font-size: 16px
    ;}

    .m-ldjy .pic {
        position: static;
        width: 335px;
        float: none;
        margin: 0 auto
    ;}

    .m-ldjy::after {
        display: none
    ;}

    .m-ldjy {
        padding-top: 0
    ;}

    .m-ldjy .box {
        padding: 30px 24px 50px;}
}

@media only screen and (max-width: 400px) {
    .m-ldjy .pic {
        width: auto
    ;}
}

.row-xrld {
    overflow: hidden;
    padding-bottom: 1.5vw
;}

.row-xrld .g-tit {
    margin-bottom: 2.2vw
;}

.ul-lisths4 {
    overflow: hidden
;}

.ul-lisths4 li {
    overflow: hidden;
    font-size: 0;
    padding: 0 0 1.98vw;
    margin-bottom: 2.92vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-lisths4 li:last-child {
    background: 0 0
;}

.ul-lisths4 li .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.6vw;
    text-align: center
;}

.ul-lisths4 .tit {
    font-size: 1.25vw;
    line-height: 1.5;
    height: 3em;
    font-family: Arial;
    color: #333
;}

.ul-lisths4 .tit i {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 33px;
    margin: 0 15px;}

.ul-lisths4 .pic {
    width: 14.9vw;
    overflow: hidden;
    transition: all 1s;
    margin: 0 auto 2.29vw
;}

.ul-lisths4 .pic img {
    width: 100%;
    display: block
;}

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


    .m-ldjy .pic .name {
        font-size: 18px
    ;}

    .m-ldjy .box {
        padding: 30px 15px 50px;}

    .m-ldjy .pic .img {
        margin-bottom: 16px
    ;}

    .ul-lisths4 li .item {
        display: block;
        width: 100%;
        margin: 0 0 20px
    ;}

    .ul-lisths4 li {
        padding: 0;
        margin: 0;
        background: 0 0
    ;}

    .ul-lisths4 .pic {
        width: 286px;
        margin: 0 auto 15px
    ;}

    .ul-lisths4 .tit {
        font-size: 18px;
        height: auto
    ;}
    
}

.row-zzjg {
    overflow: hidden
;}

.row-zzjg .g-tit {
    margin-bottom: 2.3vw
;}

.m-zzjg .item {
    overflow: hidden;
    margin: 0 -5px
;}

.m-zzjg .title {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #eef3f7;
    margin-bottom: 3.13vw
;}

.m-zzjg .title::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-zzjg .title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-listh5 {
    overflow: hidden;
    padding: 3.13vw .26vw 3.39vw;
    margin: 0 -1.46vw;
    position: relative;
    background: url(../images/hs-70.png) top no-repeat;
    -webkit-background-size: 96% auto;
    background-size: 96% auto
;}

.ul-listh5 li {
    float: left;
    width: 25%;
    margin-bottom: 3.13vw
;}

.ul-listh5 .con {
    margin: 0 1.46vw;
    position: relative
;}

.ul-listh5 .v1 {
    padding: 0 1.46vw;
    line-height: 3.54vw;
    font-size: 1.04vw;
    color: #333;
    cursor: pointer;
    background: url(../images/hs-45.png) right 24px center no-repeat #FDF6F6
;}

.ul-listh5 .v1.on {
    color: #fff;
    background-image: url(../images/hs-48.png);
    background-color: #00797c
;}

.ul-listh5 .v1 i {
    display: inline-block;
    vertical-align: middle;
    width: .52vw;
    height: .52vw;
    margin-right: .63vw;
    background: url(../images/hs-46.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.ul-listh5 .sub {
    padding: 1.15vw 0 2.55vw;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 .52vw rgba(0, 0, 0, .15);
    z-index: 10;
    max-height: 8.75vw;
    overflow-y: auto;
    display: none
;}

.ul-listh5 .sub p {
    font-size: .94vw;
    line-height: 2.67;
    color: #666;
    padding: 0 2.6vw
;}

.ul-listh5 .sub::-webkit-scrollbar {
    width: 4px
;}

.ul-listh5 .sub::-webkit-scrollbar-track {
    background: 0 0
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb {
    background: #00797c
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb:window-inactive {
    background: #00797c
;}

@media only screen and (max-width: 767px) {
    .ul-listh5 li {
        width: 50%;
        margin-bottom: 32px
    ;}

    .ul-listh5 .v1 {
        line-height: 36px;
        font-size: 14px;
        -webkit-background-size: 4px 7px;
        background-size: 4px 7px;
        padding: 0 15px;
        background-position: right 10px center
    ;}

    .ul-listh5 .v1.on {
        -webkit-background-size: 7px 4px;
        background-size: 7px 4px
    ;}

    .ul-listh5 .v1 i {
        width: 5px;
        height: 5px
    ;}

    .m-zzjg .title {
        width: 200px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}

    .ul-listh5 .sub {
        max-height: 62px;
        padding: 0
    ;}

    .ul-listh5 .sub p {
        font-size: 12px;
        line-height: 2.5
    ;}

    .ul-listh5 {
        padding: 20px .26vw 30px
    ;}
}

@media only screen and (max-width: 450px) {
    .ul-listh5 li {
        width: auto;
        float: none;
        margin-bottom: 15px
    ;}

    .ul-listh5 .sub {
        position: static
    ;}
}

.row-xyxw .g-tit {
    margin-bottom: 2vw
;}

.ul-newhs1 {
    overflow: hidden;
    margin-bottom: 2vw
;}

.ul-newhs1 li {
    overflow: hidden;
    background-color: #fff
;}

.ul-newhs1 li .con {
    display: block;
    padding: 2.08vw;
    overflow: hidden;
    position: relative
;}

.ul-newhs1 li:hover {
    /*background: url(../images/hs-49.jpg) no-repeat;*/
	background:linear-gradient(201deg,#088e91,#048083 35%,#005e60 78%);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    top: -.21vw
;}

.ul-newhs1 li .con:hover::after {
    display: none
;}

.ul-newhs1 li .con::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 2.08vw;
    right: 2.08vw;
    width: 100%;
    height: .21vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-newhs1 .pic {
    position: relative;
    height: 12.5vw;
    width: 18.75vw;
    float: left;
    overflow: hidden;
    margin-right: 1.98vw;
    transition: all .3s
;}

.ul-newhs1 li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.ul-newhs1 .txt {
    overflow: hidden;
    padding-top: .89vw
;}

.ul-newhs1 .time {
    font-size: .83vw;
    line-height: 1.67vw;
    color: #00797c;
    margin-bottom: .52vw;
    font-family: SourceHanSerifCN-Regular
;}

.ul-newhs1 .time span {
    margin-right: .52vw;
    font-size: 1.35vw;
    font-family: SourceHanSerifCN-Bold
;}

.ul-newhs1 .tit {
    color: #333;
    font-size: 1.04vw;
    font-weight: 400;
    margin-bottom: 1.41vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-newhs1 .desc {
    color: #8d8b8b;
    font-size: .83vw;
    line-height: 2.25;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
;}

.ul-newhs1 li:hover .time,
.ul-newhs1 li:hover .tit {
    color: #fff
;}

.ul-newhs1 li:hover .desc {
    color: rgba(255, 255, 255, .8)
;}

.ul-newhs1 li:last-child .con::after {
    display: none
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs1 .pic {
        width: 180px;
        height: 120px
    ;}

    .ul-newhs1 .desc {
        font-size: 12px;
        line-height: 2
    ;}

    .ul-newhs1 .tit {
        font-size: 16px;
        margin-bottom: 4px
    ;}

    .ul-newhs1 .time {
        font-size: 12px;
        margin-bottom: 10px
    ;}

    .ul-newhs1 .time span {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs1 .pic {
        width: auto;
        float: none;
        margin-right: 0;
        padding-top: 67%;
        margin-bottom: 15px
    ;}

    .ul-newhs1 li .con {
        padding: 15px 0
    ;}

    .ul-newhs1 li {
        border-bottom: 1px dashed #eee
    ;}

    .ul-newhs1 li:last-child {
        border-bottom: none
    ;}

    .ul-newhs1 li .con::after {
        display: none
    ;}

    .ul-newhs1 {
        margin-bottom: 10px
    ;}
}

.ul-newhs2.h-newsLs2 {
    margin: 0 -1.67vw 1.04vw;
    overflow: hidden
;}

.ul-newhs2.h-newsLs2 li {
    width: 50%;
    float: left;
    margin-bottom: 3.13vw
;}

.ul-newhs2.h-newsLs2 li .con {
    margin: 0 1.67vw;
    background: #f2f8fa;
    min-height: 120px;
    padding-right: 6.25vw;
    padding-left: 2.08vw;
    position: relative
;}

.ul-newhs2.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-newhs2 .ico {
    position: absolute;
    right: 40px;
    bottom: 36px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(../images/h-icon-next2.png) center center no-repeat;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-newhs2 li:hover .ico {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
;}

.ul-newhs2.h-newsLs2 .tit {
    font-size: 1.04vw;
    line-height: 1.8;
    color: #2c2c2c
;}

.row-tzgg .g-tit {
    margin-bottom: 2.7vw
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-newhs2.h-newsLs2 li {
        width: auto;
        float: none
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}

    .ul-newhs2.h-newsLs2 li .con {
        padding: 15px
    ;}
}

.row-djzzjg .g-tit {
    margin-bottom: 2.3vw
;}

.row-djzzjg .g-title {
    overflow: hidden;
    margin-bottom: 2vw
;}

.row-djzzjg .titles {
    overflow: hidden
;}

.row-djzzjg .titles .tit {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #fff6f6
;}

.row-djzzjg .titles .tit::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-djzzjg .titles .tit::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.row-djzzjg .titles .ico {
    margin: 0 auto;
    width: 52px;
    height: 39px;
    background: url(../images/hs-53.jpg) no-repeat
;}

.m-djzzjg1 {
    overflow: hidden;
    margin-bottom: 5vw
;}

.m-djzzjg1 .ul-list3 {
    margin-top: 3vw
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) {
    background-image: url(../images/hs-49.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .tit h4 {
    color: #444;
    background-image: url(../images/hs-33.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .desc {
    color: #333
;}

.m-djzzjg2 .titles {
    margin-bottom: 0
;}

.ul-lisths6 {
    overflow: hidden;
    position: relative;
    padding: 4.43vw 0 4vw;
    margin-bottom: 7.81vw
;}

.ul-lisths6::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    height: 100%;
    width: 3px;
    background: url(../images/hs-54.jpg) repeat-y
;}

.ul-lisths6 li {
    width: 50%
;}

.ul-lisths6 li:nth-child(even) {
    margin-left: 50%;
    overflow: hidden;
    padding-left: 40px
;}

.ul-lisths6 li:nth-child(odd) .tit {
    float: right;
    margin-left: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(even) .tit {
    float: left;
    margin-right: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(1) .tit {
    padding-top: 0vw;
    position: relative;
    top: -.83vw
;}

.ul-lisths6 li:nth-child(odd) {
    padding-left: 6.46vw;
    padding-right: 2.29vw
;}

.ul-lisths6 li .info {
    overflow: hidden
;}

.ul-lisths6 li .info .ico {
    height: .21vw;
    background: url(../images/hs-51.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1.2vw
;}

.ul-lisths6 li .info .ss {
    color: #333;
    font-size: 1.25vw;
    margin-bottom: .94vw
;}

.ul-lisths6 li .desc {
    overflow: hidden
;}

.ul-lisths6 li .desc p {
    float: left;
    width: 50%;
    font-size: 1.04vw;
    color: #666;
    margin-bottom: 1.2vw;
    padding-left: 22px;
    line-height: 2;
    background: url(../images/hs-52.png) left center no-repeat
;}

.ul-lisths6 li .desc p:hover a {
    opacity: .5
;}

.ul-lisths6 li .tit {
    color: #333;
    font-size: 1.25vw;
    font-weight: 700
;}

.ul-lisths6 li:nth-child(odd) .ss {
    padding-right: 18px
;}

.ul-lisths6 li:nth-child(even) .ss {
    padding-left: 18px
;}

.tar {
    text-align: right
;}

.tal {
    text-align: left
;}

@media only screen and (max-width: 1199px) {
    .ul-lisths6 li .tit {
        font-size: 18px
    ;}

    .ul-lisths6 li .desc p {
        font-size: 14px
    ;}

    .ul-lisths6 li .info .ss {
        font-size: 18px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-lisths6 li {
        width: 100%
    ;}

    .ul-lisths6 li:nth-child(even) .tit {
        float: none
    ;}

    .ul-lisths6 li:nth-child(even) {
        width: auto;
        float: none;
        margin-left: 0
    ;}

    .m-djzzjg1 .ul-list3 li:nth-child(1) {
        background-image: none;
        background-color: #fcf8f8
    ;}

    .ul-lisths6 li:nth-child(1) .tit {
        position: static
    ;}

    .ul-lisths6 li:nth-child(odd) .tit {
        float: none;
        margin-bottom: 6px;
        padding-left: 0;
        margin-left: 0
    ;}

    .ul-lisths6 li .tit {
        margin-bottom: 6px
    ;}

    .ul-lisths6::after {
        display: none
    ;}

    .ul-lisths6 li .info .ss.tar {
        text-align: left
    ;}

    .ul-lisths6 li:nth-child(even),
    .ul-lisths6 li:nth-child(odd) {
        padding: 0
    ;}

    .ul-lisths6 li:nth-child(even) .ss {
        padding-left: 0
    ;}

    .row-djzzjg .titles .tit {
        width: 260px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths6 li .info .ss {
        font-size: 16px;
        padding-top: 0
    ;}
}

.row-szdw .g-tit {
    margin-bottom: 2.3vw
;}

.m-jiansuo {
    overflow: hidden;
    background: #f6f6f6;
    padding: .68vw 2.5vw .36vw;
    margin-bottom: 3.13vw
;}

.m-jiansuo .item {
    overflow: hidden;
    padding: 1.73vw 0;
    background: url(../images/hs-55.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-jiansuo .item:last-child {
    background: 0 0
;}

.m-jiansuo .item .fs {
    float: left;
    width: 7vw;
    color: #333;
    font-size: 1.04vw;
    line-height: 2vw;}

.m-jiansuo .item .info {
    overflow: hidden
;}

.m-jiansuo .item .info.flx {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
;}

.m-jiansuo .item .info.flx span {
    margin-right: 0
;}

.m-jiansuo .item .info span {
     font-size: .83vw;
    color: #666;
    padding: 0 .6vw;
    cursor: pointer;
    border-radius: 1vw;
     line-height: 2vw;
     display: inline-block;}

.m-jiansuo .item .info span.on {
     background: #00797c;
    color:#fff;}
.row-szdw{
    overflow: hidden;}
.ul-lisths7 {
    margin: 0 -.5vw 1.04vw;
    overflow: hidden;
    font-size: 0;}

.ul-lisths7 li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1vw
;}

.ul-lisths7 .con {
    display: block;
    overflow: hidden;
    margin: 0 .5vw;
    border: 1px solid #e1e1e1;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 0 1.56vw;
    padding: 1vw;
    position: relative;
    transition: all .3s
;}

.ul-lisths7 .pic {
    float: left;
    width: 5.28vw;
    height: 7.05vw;
    overflow: hidden;
    position: relative;
    margin-right: 1.34vw;
    border-radius: 1.56vw 0;}

.ul-lisths7 .txt {
    overflow: hidden;
    padding-top: .31vw;
    font-family: Arial
;}

.ul-lisths7 .tit {
    font-size: 1.25vw;
    color: #333;
    margin-bottom: .36vw
;}

.ul-lisths7 .desc {
    font-size: .94vw;
    color: #b92a2d;
    padding-bottom: .73vw;
    background: url(../images/hs-56.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1vw;
    overflow: hidden;}

.ul-lisths7 .info {
    font-size: .83vw;
    color: #9e9e9e;
    line-height: 1.88;
    margin-bottom: .94vw;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
;}

.ul-lisths7 .btn {
    width: 1.5vw;
    height: 1.5vw;
    border: 1px solid rgba(5, 85, 159, .48);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
    background-image: url(../images/h-icon-next3.png)
;}

.ul-lisths7 .db {
    position: absolute;
    right: 1.04vw;
    bottom: 0;
    width: 7.66vw;
    height: 10.05vw;
    background: url(../images/hs-69.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-lisths7 li:hover .con {
    border: 1px solid #e1e1e1;
    background: linear-gradient(233deg, #0a92dc -34%, #0051a2 48%)
;}

.ul-lisths7 li:hover .desc,
.ul-lisths7 li:hover .tit {
    color: #fff
;}

.ul-lisths7 li:hover .desc {
    background-image: url(../images/hs-57.png)
;}

.ul-lisths7 li:hover .info {
    color: rgba(255, 255, 255, .68)
;}

.ul-lisths7 li:hover .btn {
    border-color: #fff;
    background-image: url(../images/h-icon-playbtn1.png)
;}

@media only screen and (max-width: 1023px) {
    .ul-lisths7 li {
        width: 50%;}
    .ul-lisths7 .con{
        border-radius: 0px;}
    .ul-lisths7 .tit {
        font-size: 20px
    ;}

    .m-jiansuo .item {
        line-height: 2;
        margin-bottom: 10px;
        padding: 10px 0;}

    .m-jiansuo .item .info span {
        font-size: 14px;
        padding: 0 10px;
        line-height: 1.8;}

    .m-jiansuo .item .fs {
        font-size: 16px;
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;}

    .ul-lisths7 .desc {
        font-size: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px
    ;}

    .ul-lisths7 .info {
        font-size: 13px
    ;}

    .ul-lisths7 .btn {
        width: 24px;
        height: 24px
    ;}

    .ul-lisths7 .pic {
        width: 150px;
        height: 200px;
        border-radius: 10px;
        overflow: hidden;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths7 .pic {
        float: none;
        margin: 0 auto;}

    .m-jiansuo,
    .ul-lisths7 .con {
        padding: 10px
    ;}

    .ul-lisths7 .db {
        width: 73.5px;
        height: 96px
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-jiansuo .item .info.flx {
        display: block
    ;}

    .m-jiansuo .item .info.flx span {
        width: 14%;
        float: left;
        text-align: center
    ;}

    .m-jiansuo .item .info span {
        font-size: 12px
    ;}
}

.row-mba1 {
    overflow: hidden;
    padding: 2.4vw 0 1vw
;}

.row-mba1 .g-tit {
    margin-bottom: .7vw
;}

.m-mbatxt1 .desc {
    text-align: center;
    color: #333;
    font-size: 1.04vw;
    line-height: 2;
    margin-bottom: 1vw
;}

.m-mbatxt1 .desc span {
    color: #00797c
;}

.m-mbatxt1 .desc span em {
    font-style: normal;
    font-family: Impact;
    font-weight: 400;
    font-size: 1.35vw;
    margin: 0 .26vw
;}

.m-mbatxt1 .jiantou1 {
    margin: 0 auto .95vw;
    width: 2.71vw;
    height: 2.03vw;
    background: url(../images/hs-53.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-mbatxt1 .title {
    text-align: center;
    margin-bottom: 1.2vw;
    font-size: 1.88vw;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold
;}

.ul-lisths8 {
    overflow: hidden;
    position: relative
;}

.ul-lisths8::after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 3px;
    background: url(../images/hs-67.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.ul-lisths8 li {
    width: 33.33%;
    float: left;
    text-align: center;
    cursor: pointer
;}

.ul-lisths8 .ico {
    margin: 0 auto 3.2vw;
    border-radius: 50%;
    transition: all .3s;
    width: 26px;
    height: 26px;
    line-height: 20px;
    border: 1px solid transparent
;}

.ul-lisths8 li:hover .ico {
    border-color: #00797c
;}

.ul-lisths8 .ico i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #00797c;
    border-radius: 50%
;}

.ul-lisths8 .tit {
    font-size: 1.04vw;
    color: #333
;}

.row-mba2 {
    overflow: hidden;
    background: url(../images/hs-60.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8.1vw 0 11.2vw
;}

.row-mba2 .g-tit {
    margin-bottom: 2.2vw
;}

.g-tit .more.white {
    color: #fff;
    background-image: url(../images/hs-66.png)
;}

.g-tit .more.white:hover {
    opacity: .5
;}

.row-mba2 .firstnews {
    width: 35.99vw;
    float: left;
    margin-right: 2.34vw
;}

.m-mbabox1 {
    overflow: hidden;
    background: #fff;
    padding: 2.5vw 3.13vw 1.88vw
;}

.m-mbabox1 .firstnews .pic {
    position: relative;
    height: 0;
    padding-top: 61%;
    margin-bottom: 1.04vw;
    transition: all .3s;
    overflow: hidden
;}

.m-mbabox1 .firstnews:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.m-mbabox1 .firstnews:hover .tit {
    color: #034e5e
;}

.m-mbabox1 .firstnews .tit {
    font-size: .94vw;
    line-height: 1.78;
    color: #333;
    margin-bottom: .52vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.m-mbabox1 .firstnews .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2
;}

.ul-mbanewslist.h-newsLs2 {
    overflow: hidden
;}

.ul-mbanewslist.h-newsLs2 li {
    border-bottom: 1px solid #dadada;
    margin-bottom: 0
;}

.ul-mbanewslist.h-newsLs2 li .con {
    min-height: 7.08vw
;}

.ul-mbanewslist.h-newsLs2 li:last-child {
    border-bottom: none
;}

.ul-mbanewslist.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-mbanewslist.h-newsLs2 .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-mbanewslist.h-newsLs2 .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.row-mba3 {
    overflow: hidden;
    margin-top: -7vw;
    position: relative;
    z-index: 1;
    padding-top: 5vw;
    background: url(../images/hs-63.png) top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-mba3 .g-tit {
    margin-bottom: 1.3vw
;}

.row-mba3::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 7.29vw;
    width: 50.05vw;
    height: 24.38vw;
    z-index: 1;
    background: linear-gradient(237deg, #0a92dc 19%, #0051a2 80%)
;}

.row-mba3 .pic1 {
    position: absolute;
    right: 0;
    bottom: 12.19vw;
    width: 50%;
    height: 31.25vw;
    display: block;
    z-index: 3;
    transition: all .3s;
    overflow: hidden
;}

.row-mba3 .pic1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.row-mba3 .pictit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1.77vw 1.98vw;
    z-index: 2;
    color: #fff;
    font-size: 1.35vw
;}

.row-mba3 .picbg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14.17vw;
    background: url(../images/hs-65.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.row-mba3 .pic2 {
    width: 38.33vw;
    height: 24.53vw;
    position: absolute;
    bottom: 0;
    left: 3.5vw;
    overflow: hidden;
    display: block;
    transition: all .3s
;}

.row-mba3 .pic1:hover .pictit,
.row-mba3 .pic2:hover .pictit {
    opacity: .5
;}

.m-mabsixiang {
    height: 43.44vw;
    position: relative;
    padding-top: 6.72vw;
    z-index: 2
;}

.m-mabsixiang .item.t3 {
    position: absolute;
    bottom: 0;
    left: 41.7vw
;}

.m-mabsixiang .item.t1 {
    margin-left: 11.9vw
;}

.m-mabsixiang .item {
    width: 14.9vw;
    height: 12.19vw;
    text-align: center;
    padding-top: 2.08vw;
    float: left;
    color: #fff;
    font-size: 1.25vw
;}

.m-mabsixiang .item a {
    display: block;
    width: 100%;
    height: 100%
;}

.m-mabsixiang .item:hover {
    color: rgba(255, 255, 255, .5)
;}

.m-mabsixiang .item .ico {
    height: 5.21vw;
    width: 5.21vw;
    margin: 0 auto 1.46vw
;}

.m-mabsixiang .item .ico svg {
    display: block;
    width: 100%;
    height: 100%
;}

.row-mba4 {
    overflow: hidden;
    position: relative;
    margin-top: -12.29vw;
    padding: 15.63vw 0 3.33vw;
    background: url(../images/hs-59.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-tabhs1 {
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 2.2vw
;}

.ul-tabhs1::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d8d8d8
;}

.ul-tabhs1 li {
    display: inline-block;
    margin: 0 5.5vw;
    position: relative;
    padding-bottom: 2.28vw;
    cursor: pointer
;}

.ul-tabhs1 li.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 36px;
    z-index: 2;
    background: url(../images/hs-64.png) no-repeat
;}

.row-mba5 {
    overflow: hidden;
    background: url(../images/hs-58.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1.46vw 0 3.39vw
;}

.row-mba5 .g-tit {
    margin-bottom: 2.05vw
;}

.ul-tabhs2 {
    overflow: hidden;
    text-align: center;
    margin-bottom: 2vw
;}

.ul-tabhs2 li {
    display: inline-block;
    cursor: pointer
;}

.ul-tabhs2 .con {
    width: 10.42vw;
    height: 3.13vw;
    border-radius: 4.69vw;
    text-align: center;
    line-height: 3.02vw;
    font-size: 1.25vw;
    margin: 0 .78vw;
    color: #333;
    border: 1px solid rgba(168, 29, 32, .4);
    font-family: SourceHanSerifCN-Bold
;}

.ul-tabhs2 li.active .con {
    background: #00797c;
    color: #fff
;}

@media only screen and (max-width: 1199px) {
    .row-mba3::after {
        display: none
    ;}

    .row-mba3 .pic1 {
        position: relative;
        float: left;
        top: 0;
        right: 0
    ;}

    .m-mabsixiang {
        width: 50%;
        float: left;
        height: 31.25vw;
        padding-top: 0
    ;}

    .m-mabsixiang .item.t3 {
        position: static
    ;}

    .m-mabsixiang .item {
        float: left;
        width: 33.33%
    ;}

    .m-mabsixiang .item.t1 {
        margin-left: 0
    ;}

    .row-mba3 .pic2 {
        width: auto;
        position: relative;
        clear: both;
        height: 19.06vw;
        left: 0
    ;}

    .row-mba4 {
        padding-top: 2vw;
        margin-top: 0
    ;}

    .row-mba3 {
        padding-top: 2vw;
        margin-top: 0;
        background-image: none
    ;}

    .row-mba2 {
        padding: 7vw 0 3vw
    ;}

    .row-mba2 .firstnews {
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 16px
    ;}

    .m-mbabox1 .firstnews .tit {
        font-size: 18px
    ;}

    .m-mbabox1 .firstnews .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 20px
    ;}

    .ul-lisths8 .tit {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc br {
        display: none
    ;}

    .m-mbatxt1 .title {
        font-size: 20px
    ;}

    .g-tit .more {
        width: 104px;
        height: 32px;
        font-size: 16px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        top: 30px
    ;}

    .downloadswph1 .swiperLearn-btns>div,
    .newswph2 .swiperLearn-btns>div {
        width: 48px;
        height: 48px
    ;}

    .ul-mbanewslist.h-newsLs2 li .con {
        padding: 10px 0
    ;}

    .newswph3 .swiper-button-next {
        border-color: #05559f;
        background-image: url(../images/h-icon-next3.png)
    ;}

    .newswph3 .swiper-button-prev {
        border-color: #05559f;
        background-image: url(../images/h-icon-prev3.png)
    ;}

    .downloadswph1 .swiperLearn-btns,
    .newswph2 .swiperLearn-btns {
        width: 128px
    ;}

    .m-xsfz1link .item p {
        font-size: 18px
    ;}

    .newswph2 .con .desc {
        font-size: 14px;
        line-height: 1.5
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

.g-snv {
    margin-top: -35px;
    position: relative;
    z-index: 2
;}

.g-snv::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background-color: #00797c;
    z-index: -1
;}

.g-snv ul {
    position: relative;
    z-index: 2
;}

.g-snv ul::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    width: 1732px;
    background-image: url(../images/jl-bg01.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    z-index: -1
;}

.g-snv li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 88px;
    position: relative
;}

.g-snv li:last-child {
    margin-right: 0
;}

.g-snv .v1 {
    display: block;
    line-height: 88px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    position: relative
;}

.g-snv .v1::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 26px;
    height: 12px;
    margin-left: -13px;
    background-image: url(../images/jl-i04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .v1::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 8px;
    margin-left: -8px;
    background-image: url(../images/jl-i05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .on .v1,
.g-snv .v1:hover {
    font-weight: 700
;}

.g-snv .on a::after,
.g-snv .on a::before {
    opacity: 1
;}

.g-snv .arr {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 20px;
    margin-top: -10px;
    margin-left: 4px;
    line-height: 12px;
    text-align: center;
    display: none
;}

.g-snv .arr i {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
;}

.g-snv .sub {
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform: translateX(-50%);
    z-index: 2;
    display: none
;}

.g-snv .v2 {
    display: block;
    font-size: 18px;
    line-height: 2.5;
    padding: 0 15px;
    white-space: nowrap;
    color: #666;
    text-align: center;
    transition: .3s
;}

.g-snv .v2:hover {
    background-color: #00797c;
    color: #fff
;}

.g-cur {
    padding: 60px 0 45px;
    text-align: right;
    font-size: 16px;
    color: #666;
    line-height: 2
;}

.g-cur a,
.g-cur i,
.g-cur p,
.g-cur span {
    display: inline-block;
    vertical-align: middle;
    transition: .3s
;}

.g-cur i {
    font-size: 0;
    width: 20px;
    margin-right: 12px;
    line-height: 1
;}

.g-cur a:hover {
    color: #00797c
;}

.g-cur span {
    margin: 0 5px
;}

.g-pages {
    text-align: center;
    margin-bottom: 80px
;}

.g-pages li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
;}

.g-pages a {
    display: block;
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    min-width: 50px;
    padding: 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    transition: .3s
;}

.g-pages .on a,
.g-pages a:hover {
    color: #fff;
    background-color: #00797c
;}
.g-pages span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;}
.jl-main {
    overflow: hidden
;}

.jl-about1 {
    border-top: 4px solid #00797c;
    background: #fcf8f8;
    padding: 60px 100px 80px;
    overflow: hidden
;}

.jl-about1 .topbox {
    text-align: center;
    padding-bottom: 34px;
    border-bottom: 1px dashed #c4abab;
    position: relative;
    margin-bottom: 40px
;}

.jl-about1 .topbox::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .topbox::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .bigtit {
    font-size: 24px;
    color: #333;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 40px
;}

.jl-about1 .titsub {
    font-size: 18px;
    color: #868686
;}

.jl-about1 .desc {
    font-size: 20px;
    color: #333;
    line-height: 2;
    text-indent: 2em
;}

.jl-about1 .img {
    text-align: center;
    font-size: 0;
    margin: 60px 0 100px
;}

.jl-about1 .img img {
    margin-bottom: 40px
;}

.jl-about1 .img img:last-child {
    margin-bottom: 0
;}

.jl-about1 .img:last-child {
    margin-bottom: 0
;}

.jl-prevnext {
    padding: 60px 0;
    overflow: hidden;
    line-height: 35px;
}

.jl-prevnext a {
    display: block;
    font-size: 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    transition: .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.jl-prevnext a:hover {
    color: #1557a7;
    text-decoration: underline;
}

.jl-prevnext .prev {
    margin-bottom: 18px;
    background-image: url(../images/jl-i02.png)
;}

.jl-prevnext .next {
    background-image: url(../images/jl-i03.png)
;}

.jl-new1 {
    margin: 8px -27px 47px;
    font-size: 0
;}

.jl-new1 li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%
;}

.jl-new1 .con {
    display: block;
    padding: 33px 27px;
    position: relative;
    z-index: 2;
    overflow: hidden
;}

.jl-new1 .con::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/jl-bg02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .3s
;}

.jl-new1 .con:hover::after {
    opacity: 1
;}

.jl-new1 .pic {
    display: block;
    border-radius: 10px;
    margin-bottom: 19px;
    overflow: hidden
;}

.jl-new1 .img {
    padding-top: 72.14%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .3s
;}

.jl-new1 .con:hover .img {
    transform: scale(1.08)
;}

.jl-new1 .desc {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #333;
    height: 64px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    transition: .3s
;}

.jl-new1 .con:hover .desc {
    color: #fff
;}

.jl-new1 .date {
    text-align: right;
    font-size: 16px;
    line-height: 32px;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold;
    transition: .3s
;}

.jl-new1 .con:hover .date {
    color: #fff
;}

.jl-new1 .date span {
    font-size: 26px;
    margin-right: 5px
;}

@media only screen and (min-width: 1200px) {
    .g-snv {
        margin-top: -1.822vw
    ;}

    .g-snv ul::after {
        width: 90.2vw
    ;}

    .g-snv li {
        margin-right: 4.583vw
    ;}

    .g-snv .v1 {
        line-height: 4.583vw;
        font-size: 1.041vw
    ;}

    .g-snv .v1::before {
        bottom: .416vw;
        width: 1.354vw;
        height: .625vw;
        margin-left: -.677vw
    ;}

    .g-snv .v1::after {
        width: .833vw;
        height: .416vw;
        margin-left: -.416vw
    ;}

    .g-snv .v2 {
        font-size: .937vw;
        padding: 0 .781vw
    ;}

    .g-cur {
        padding: 3.125vw 0 2.343vw;
        font-size: .833vw
    ;}

    .g-cur i {
        width: 1.041vw;
        margin-right: .625vw
    ;}

    .g-cur span {
        margin: 0 .26vw
    ;}

    .g-pages {
        margin-bottom: 4.166vw
    ;}
    .g-pages li {
        margin: 0 0.520vw
    ;}
    .g-pages span{
        font-size: 0.937vw;}
    .g-pages a {
        line-height: 2.5vw;
        border-radius: 0.104vw;
        min-width: 2.604vw;
        padding: 0 0.520vw;
        font-size: 0.937vw;}

    .jl-about1 {
        border-top: solid #00797c;
        padding: 3.125vw 5.208vw 4.166vw
    ;}

    .jl-about1 .topbox {
        padding-bottom: 1.77vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .topbox::before {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .topbox::after {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .bigtit {
        font-size: 1.25vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .titsub {
        font-size: .937vw
    ;}

    .jl-about1 .desc {
        font-size: 1.041vw
    ;}

    .jl-about1 .img {
        margin: 3.125vw 0 5.208vw
    ;}

    .jl-about1 .img img {
        margin-bottom: 2.083vw
    ;}

    .jl-prevnext {
        padding: 3.125vw 0
    ;}

    .jl-prevnext a {
        font-size: 1.041vw;
        padding-left: 1.562vw;
        background-size: 1.041vw
    ;}

    .jl-prevnext .prev {
        margin-bottom: .937vw
    ;}

    .jl-new1 {
        margin: .416vw -1.406vw 2.447vw
    ;}

    .jl-new1 .con {
        padding: 1.718vw 1.406vw
    ;}

    .jl-new1 .pic {
        border-radius: .52vw;
        margin-bottom: .989vw
    ;}

    .jl-new1 .desc {
        font-size: .937vw;
        line-height: 1.666vw;
        height: 3.333vw
    ;}

    .jl-new1 .date {
        font-size: .833vw;
        line-height: 1.666vw
    ;}

    .jl-new1 .date span {
        font-size: 1.354vw;
        margin-right: .26vw
    ;}
}

@media screen and (max-width: 1200px) {
    .g-snv {
        margin-top: 0;
        background-color: #00797c
    ;}

    .g-snv ul::after {
        width: 1200px
    ;}

    .g-snv li {
        margin-right: 15px
    ;}

    .g-snv .v1 {
        font-size: 14px;
        line-height: 50px
    ;}

    .g-snv .v1::before {
        width: 13px;
        height: 6px;
        margin-left: -7px;
        bottom: 4px
    ;}

    .g-snv .v1::after {
        width: 8px;
        height: 4px;
        margin-left: -4px
    ;}

    .g-snv .arr {
        display: block
    ;}

    .g-snv .v2 {
        font-size: 14px
    ;}

    .g-cur {
        text-align: left;
        padding: 20px 0;
        font-size: 14px
    ;}

    .g-cur i {
        font-size: 0;
        width: 15px;
        margin-right: 5px
    ;}

    .g-pages {
        margin-bottom: 12px
    ;}

    .g-pages li {
        margin: 0 4px 8px
    ;}

    .g-pages a {
        padding: 0 5px;
        min-width: 35px;
        line-height: 33px;
        font-size: 12px;}
    .g-pages span{
        font-size: 12px;
        margin-top: -4px;}

    .jl-about1 {
        padding: 30px 15px;
        border-width: 2px
    ;}

    .jl-about1 .topbox {
        padding-bottom: 15px;
        margin-bottom: 15px
    ;}

    .jl-about1 .bigtit {
        font-size: 18px;
        margin-bottom: 15px
    ;}

    .jl-about1 .desc,
    .jl-about1 .titsub {
        font-size: 14px
    ;}

    .jl-about1 .img {
        margin: 20px 0
    ;}

    .jl-about1 .img img {
        margin-bottom: 15px
    ;}

    .jl-prevnext {
        padding: 20px 0
    ;}

    .jl-prevnext a {
        font-size: 14px;
        background-size: 13px;
        padding-left: 20px
    ;}

    .jl-prevnext .prev {
        margin-bottom: 10px
    ;}

    .jl-new1 {
        margin: 10px 0
    ;}

    .jl-new1 .con {
        padding: 15px
    ;}

    .jl-new1 .pic {
        border-radius: 8px;
        margin-bottom: 10px
    ;}

    .jl-new1 .desc {
        font-size: 14px;
        line-height: 30px;
        height: 60px
    ;}

    .jl-new1 .date {
        font-size: 14px;
        line-height: 28px
    ;}

    .jl-new1 .date span {
        font-size: 18px
    ;}

    .jl-txt1 {
        display: none
    ;}
}

@media screen and (max-width: 750px) {
    .jl-new1 li {
        width: 50%
    ;}
}

@media screen and (max-width: 400px) {
    .jl-new1 li {
        width: 100%
    ;}
}

.jl-txt1 {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2
;}

.jl-txt1.hide {
    display: none
;}

.jl-txt1 li {
    position: absolute;
    top: 0;
    left: 2%;
    transform: translateY(-50%);
    font-size: 40px;
    white-space: nowrap;
    writing-mode: vertical-lr;
    font-family: SourceHanSerifCN-Bold;
    color: #00797c;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .3s
;}

.jl-txt1 li:nth-child(even) {
    left: auto;
    right: 2%
;}

.jl-txt1 li.on {
    opacity: 1;
    visibility: visible
;}

@media only screen and (min-width: 1200px) {

    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}

.newswph3 .swiper-button-next {
    border-color: #05559f;
    background-image: url(../images/h-icon-next3.png)
;}

.newswph3 .swiper-button-prev {
    border-color: #05559f;
    background-image: url(../images/h-icon-prev3.png)
;}

.downloadswph1 .swiperLearn-btns,
.newswph2 .swiperLearn-btns {
    width: 6.67vw
;}

.m-xsfz1link .item p {
    font-size: 0.94vw
;}

.newswph2 .con .desc {
    font-size: 14px;
    line-height: 1.5
;}


@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
  
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

@media only screen and (min-width: 1920px) and (max-width:2560px) {
    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}



@media only screen and (max-width: 1300px) {
.ul-mbanewslist.h-newsLs2 .desc{font-size: 12px;}
.downloadswph1 .swiperLearn-btns, .newswph2 .swiperLearn-btns{width: 128px;}
.ban .tit{font-size: 20px;}
.m-ldjy .txt .desc{font-size: 16px;}
.m-ldjy .qm .nr{font-size: 16px;}
.m-ldjy .qm{margin-right: 10%;}
.m-ldjy .qm .img{width: 69px;height: 40px;}
.m-ldjy .txt .tits{font-size: 20px;}
.m-ldjy .txt .item.bg{padding: 0;}
.m-ldjy .txt .bg::before,.m-ldjy .txt .bg::after{display: none;}
}5.31vw;
    height: 4.17vw;
    background: url(../images/hs-35.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.m-ldjy .qm{
    float: right;
    margin-right:5.22vw;
    overflow: hidden;
    padding-top: 2vw;}
.m-ldjy .qm .nr{
    float: left;
    color:#024A9F;
    font-family: Arial;
    font-size: 1.25vw;
    line-height: 1.67;
    margin-right: 1.56vw;}
.m-ldjy .qm .img{
    width: 7.19vw;
    height: 4.22vw;
    overflow: hidden;
    background: url(../images/hs-s2.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}
@media only screen and (max-width: 1300px) {
    .m-ldjy .pic .name {
        font-size: 22px
    ;}

    .m-ldjy .txt {
        font-size: 16px
    ;}

    .m-ldjy .pic {
        position: static;
        width: 335px;
        float: none;
        margin: 0 auto
    ;}

    .m-ldjy::after {
        display: none
    ;}

    .m-ldjy {
        padding-top: 0
    ;}

    .m-ldjy .box {
        padding: 30px 24px 50px;}
}

@media only screen and (max-width: 400px) {
    .m-ldjy .pic {
        width: auto
    ;}
}

.row-xrld {
    overflow: hidden;
    padding-bottom: 1.5vw
;}

.row-xrld .g-tit {
    margin-bottom: 2.2vw
;}

.ul-lisths4 {
    overflow: hidden
;}

.ul-lisths4 li {
    overflow: hidden;
    font-size: 0;
    padding: 0 0 1.98vw;
    margin-bottom: 2.92vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-lisths4 li:last-child {
    background: 0 0
;}

.ul-lisths4 li .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.6vw;
    text-align: center
;}

.ul-lisths4 .tit {
    font-size: 1.25vw;
    line-height: 1.5;
    height: 3em;
    font-family: Arial;
    color: #333
;}

.ul-lisths4 .tit i {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 33px;
    margin: 0 15px;}

.ul-lisths4 .pic {
    width: 14.9vw;
    overflow: hidden;
    transition: all 1s;
    margin: 0 auto 2.29vw
;}

.ul-lisths4 .pic img {
    width: 100%;
    display: block
;}

@media only screen and (max-width: 767px) {
    .img-cover {
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       width: 36.85vw;
       height: 56.85vw;
       object-fit: cover;}

    .m-ldjy .pic .name {
        font-size: 18px
    ;}

    .m-ldjy .box {
        padding: 30px 15px 50px;}

    .m-ldjy .pic .img {
        margin-bottom: 16px
    ;}

    .ul-lisths4 li .item {
        display: block;
        width: 100%;
        margin: 0 0 20px
    ;}

    .ul-lisths4 li {
        padding: 0;
        margin: 0;
        background: 0 0
    ;}

    .ul-lisths4 .pic {
        width: 286px;
        margin: 0 auto 15px
    ;}

    .ul-lisths4 .tit {
        font-size: 18px;
        height: auto
    ;}
    
}

.row-zzjg {
    overflow: hidden
;}

.row-zzjg .g-tit {
    margin-bottom: 2.3vw
;}

.m-zzjg .item {
    overflow: hidden;
    margin: 0 -5px
;}

.m-zzjg .title {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #eef3f7;
    margin-bottom: 3.13vw
;}

.m-zzjg .title::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-zzjg .title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-listh5 {
    overflow: hidden;
    padding: 3.13vw .26vw 3.39vw;
    margin: 0 -1.46vw;
    position: relative;
    background: url(../images/hs-70.png) top no-repeat;
    -webkit-background-size: 96% auto;
    background-size: 96% auto
;}

.ul-listh5 li {
    float: left;
    width: 25%;
    margin-bottom: 3.13vw
;}

.ul-listh5 .con {
    margin: 0 1.46vw;
    position: relative
;}

.ul-listh5 .v1 {
    padding: 0 1.46vw;
    line-height: 3.54vw;
    font-size: 1.04vw;
    color: #333;
    cursor: pointer;
    background: url(../images/hs-45.png) right 24px center no-repeat #FDF6F6
;}

.ul-listh5 .v1.on {
    color: #fff;
    background-image: url(../images/hs-48.png);
    background-color: #00797c
;}

.ul-listh5 .v1 i {
    display: inline-block;
    vertical-align: middle;
    width: .52vw;
    height: .52vw;
    margin-right: .63vw;
    background: url(../images/hs-46.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.ul-listh5 .sub {
    padding: 1.15vw 0 2.55vw;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 .52vw rgba(0, 0, 0, .15);
    z-index: 10;
    max-height: 8.75vw;
    overflow-y: auto;
    background: #fff url(../images/org-bg1.png) center bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: none
;}

.ul-listh5 .sub p {
    font-size: .94vw;
    line-height: 2.67;
    color: #666;
    padding: 0 2.6vw
;}

.ul-listh5 .sub::-webkit-scrollbar {
    width: 4px
;}

.ul-listh5 .sub::-webkit-scrollbar-track {
    background: 0 0
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb {
    background: #00797c
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb:window-inactive {
    background: #00797c
;}

@media only screen and (max-width: 767px) {
    .ul-listh5 li {
        width: 50%;
        margin-bottom: 32px
    ;}

    .ul-listh5 .v1 {
        line-height: 36px;
        font-size: 14px;
        -webkit-background-size: 4px 7px;
        background-size: 4px 7px;
        padding: 0 15px;
        background-position: right 10px center
    ;}

    .ul-listh5 .v1.on {
        -webkit-background-size: 7px 4px;
        background-size: 7px 4px
    ;}

    .ul-listh5 .v1 i {
        width: 5px;
        height: 5px
    ;}

    .m-zzjg .title {
        width: 200px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}

    .ul-listh5 .sub {
        max-height: 62px;
        padding: 0
    ;}

    .ul-listh5 .sub p {
        font-size: 12px;
        line-height: 2.5
    ;}

    .ul-listh5 {
        padding: 20px .26vw 30px
    ;}
}

@media only screen and (max-width: 450px) {
    .ul-listh5 li {
        width: auto;
        float: none;
        margin-bottom: 15px
    ;}

    .ul-listh5 .sub {
        position: static
    ;}
}

.row-xyxw .g-tit {
    margin-bottom: 2vw
;}

.ul-newhs1 {
    overflow: hidden;
    margin-bottom: 2vw
;}

.ul-newhs1 li {
    overflow: hidden;
    background-color: #fff
;}

.ul-newhs1 li .con {
    display: block;
    padding: 2.08vw;
    overflow: hidden;
    position: relative
;}

.ul-newhs1 li:hover {
    /*background: url(../images/hs-49.jpg) no-repeat;*/
	background:linear-gradient(201deg,#088e91,#048083 35%,#005e60 78%);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    top: -.21vw
;}

.ul-newhs1 li .con:hover::after {
    display: none
;}

.ul-newhs1 li .con::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 2.08vw;
    right: 2.08vw;
    width: 100%;
    height: .21vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-newhs1 .pic {
    position: relative;
    height: 12.5vw;
    width: 18.75vw;
    float: left;
    overflow: hidden;
    margin-right: 1.98vw;
    transition: all .3s
;}

.ul-newhs1 li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.ul-newhs1 .txt {
    overflow: hidden;
    padding-top: .89vw
;}

.ul-newhs1 .time {
    font-size: .83vw;
    line-height: 1.67vw;
    color: #00797c;
    margin-bottom: .52vw;
    font-family: SourceHanSerifCN-Regular
;}

.ul-newhs1 .time span {
    margin-right: .52vw;
    font-size: 1.35vw;
    font-family: SourceHanSerifCN-Bold
;}

.ul-newhs1 .tit {
    color: #333;
    font-size: 1.04vw;
    font-weight: 400;
    margin-bottom: 1.41vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-newhs1 .desc {
    color: #8d8b8b;
    font-size: .83vw;
    line-height: 2.25;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
;}

.ul-newhs1 li:hover .time,
.ul-newhs1 li:hover .tit {
    color: #fff
;}

.ul-newhs1 li:hover .desc {
    color: rgba(255, 255, 255, .8)
;}

.ul-newhs1 li:last-child .con::after {
    display: none
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs1 .pic {
        width: 180px;
        height: 120px
    ;}

    .ul-newhs1 .desc {
        font-size: 12px;
        line-height: 2
    ;}

    .ul-newhs1 .tit {
        font-size: 16px;
        margin-bottom: 4px
    ;}

    .ul-newhs1 .time {
        font-size: 12px;
        margin-bottom: 10px
    ;}

    .ul-newhs1 .time span {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs1 .pic {
        width: auto;
        float: none;
        margin-right: 0;
        padding-top: 67%;
        margin-bottom: 15px
    ;}

    .ul-newhs1 li .con {
        padding: 15px 0
    ;}

    .ul-newhs1 li {
        border-bottom: 1px dashed #eee
    ;}

    .ul-newhs1 li:last-child {
        border-bottom: none
    ;}

    .ul-newhs1 li .con::after {
        display: none
    ;}

    .ul-newhs1 {
        margin-bottom: 10px
    ;}
}

.ul-newhs2.h-newsLs2 {
    margin: 0 -1.67vw 1.04vw;
    overflow: hidden
;}

.ul-newhs2.h-newsLs2 li {
    width: 50%;
    float: left;
    margin-bottom: 3.13vw
;}

.ul-newhs2.h-newsLs2 li .con {
    margin: 0 1.67vw;
    background: #f2f8fa;
    min-height: 120px;
    padding-right: 6.25vw;
    padding-left: 2.08vw;
    position: relative
;}

.ul-newhs2.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-newhs2 .ico {
    position: absolute;
    right: 40px;
    bottom: 36px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(../images/h-icon-next2.png) center center no-repeat;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-newhs2 li:hover .ico {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
;}

.ul-newhs2.h-newsLs2 .tit {
    font-size: 1.04vw;
    line-height: 1.8;
    color: #2c2c2c
;}

.row-tzgg .g-tit {
    margin-bottom: 2.7vw
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-newhs2.h-newsLs2 li {
        width: auto;
        float: none
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}

    .ul-newhs2.h-newsLs2 li .con {
        padding: 15px
    ;}
}

.row-djzzjg .g-tit {
    margin-bottom: 2.3vw
;}

.row-djzzjg .g-title {
    overflow: hidden;
    margin-bottom: 2vw
;}

.row-djzzjg .titles {
    overflow: hidden
;}

.row-djzzjg .titles .tit {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #fff6f6
;}

.row-djzzjg .titles .tit::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-djzzjg .titles .tit::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.row-djzzjg .titles .ico {
    margin: 0 auto;
    width: 52px;
    height: 39px;
    background: url(../images/hs-53.jpg) no-repeat
;}

.m-djzzjg1 {
    overflow: hidden;
    margin-bottom: 5vw
;}

.m-djzzjg1 .ul-list3 {
    margin-top: 3vw
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) {
    background-image: url(../images/hs-49.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .tit h4 {
    color: #444;
    background-image: url(../images/hs-33.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .desc {
    color: #333
;}

.m-djzzjg2 .titles {
    margin-bottom: 0
;}

.ul-lisths6 {
    overflow: hidden;
    position: relative;
    padding: 4.43vw 0 4vw;
    margin-bottom: 7.81vw
;}

.ul-lisths6::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    height: 100%;
    width: 3px;
    background: url(../images/hs-54.jpg) repeat-y
;}

.ul-lisths6 li {
    width: 50%
;}

.ul-lisths6 li:nth-child(even) {
    margin-left: 50%;
    overflow: hidden;
    padding-left: 40px
;}

.ul-lisths6 li:nth-child(odd) .tit {
    float: right;
    margin-left: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(even) .tit {
    float: left;
    margin-right: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(1) .tit {
    padding-top: 0vw;
    position: relative;
    top: -.83vw
;}

.ul-lisths6 li:nth-child(odd) {
    padding-left: 6.46vw;
    padding-right: 2.29vw
;}

.ul-lisths6 li .info {
    overflow: hidden
;}

.ul-lisths6 li .info .ico {
    height: .21vw;
    background: url(../images/hs-51.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1.2vw
;}

.ul-lisths6 li .info .ss {
    color: #333;
    font-size: 1.25vw;
    margin-bottom: .94vw
;}

.ul-lisths6 li .desc {
    overflow: hidden
;}

.ul-lisths6 li .desc p {
    float: left;
    width: 50%;
    font-size: 1.04vw;
    color: #666;
    margin-bottom: 1.2vw;
    padding-left: 22px;
    line-height: 2;
    background: url(../images/hs-52.png) left center no-repeat
;}

.ul-lisths6 li .desc p:hover a {
    opacity: .5
;}

.ul-lisths6 li .tit {
    color: #333;
    font-size: 1.25vw;
    font-weight: 700
;}

.ul-lisths6 li:nth-child(odd) .ss {
    padding-right: 18px
;}

.ul-lisths6 li:nth-child(even) .ss {
    padding-left: 18px
;}

.tar {
    text-align: right
;}

.tal {
    text-align: left
;}

@media only screen and (max-width: 1199px) {
    .ul-lisths6 li .tit {
        font-size: 18px
    ;}

    .ul-lisths6 li .desc p {
        font-size: 14px
    ;}

    .ul-lisths6 li .info .ss {
        font-size: 18px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-lisths6 li {
        width: 100%
    ;}

    .ul-lisths6 li:nth-child(even) .tit {
        float: none
    ;}

    .ul-lisths6 li:nth-child(even) {
        width: auto;
        float: none;
        margin-left: 0
    ;}

    .m-djzzjg1 .ul-list3 li:nth-child(1) {
        background-image: none;
        background-color: #fcf8f8
    ;}

    .ul-lisths6 li:nth-child(1) .tit {
        position: static
    ;}

    .ul-lisths6 li:nth-child(odd) .tit {
        float: none;
        margin-bottom: 6px;
        padding-left: 0;
        margin-left: 0
    ;}

    .ul-lisths6 li .tit {
        margin-bottom: 6px
    ;}

    .ul-lisths6::after {
        display: none
    ;}

    .ul-lisths6 li .info .ss.tar {
        text-align: left
    ;}

    .ul-lisths6 li:nth-child(even),
    .ul-lisths6 li:nth-child(odd) {
        padding: 0
    ;}

    .ul-lisths6 li:nth-child(even) .ss {
        padding-left: 0
    ;}

    .row-djzzjg .titles .tit {
        width: 260px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths6 li .info .ss {
        font-size: 16px;
        padding-top: 0
    ;}
}

.row-szdw .g-tit {
    margin-bottom: 2.3vw
;}

.m-jiansuo {
    overflow: hidden;
    background: #f6f6f6;
    padding: .68vw 2.5vw .36vw;
    margin-bottom: 3.13vw
;}

.m-jiansuo .item {
    overflow: hidden;
    padding: 1.73vw 0;
    background: url(../images/hs-55.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-jiansuo .item:last-child {
    background: 0 0
;}

.m-jiansuo .item .fs {
    float: left;
    width: 7vw;
    color: #333;
    font-size: 1.04vw;
    line-height: 2vw;}

.m-jiansuo .item .info {
    overflow: hidden
;}

.m-jiansuo .item .info.flx {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
;}

.m-jiansuo .item .info.flx span {
    margin-right: 0
;}

.m-jiansuo .item .info span {
     font-size: .83vw;
    color: #666;
    padding: 0 .6vw;
    cursor: pointer;
    border-radius: 1vw;
     line-height: 2vw;
     display: inline-block;}

.m-jiansuo .item .info span.on {
     background: #00797c;
    color:#fff;}

.ul-lisths7 {
    margin: 0 -2.71vw 1.04vw;
    overflow: hidden
;}

.ul-lisths7 li {
    width: 25%;
    float: left;
    margin-bottom: 3.02vw
;}

.ul-lisths7 .con {
    display: block;
    overflow: hidden;
    margin: 0 2.71vw;
    border: 1px solid #e1e1e1;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 0 30px;
    padding: 1.67vw 2.08vw 2.6vw;
    position: relative;
    transition: all .3s
;}

.ul-lisths7 .pic {
    float: left;
    width: 5.28vw;
    height: 7.05vw;
    overflow: hidden;
    position: relative;
    margin-right: 1.34vw;
    border-radius: 30px 0
;}

.ul-lisths7 .txt {
    overflow: hidden;
    padding-top: .31vw;
    font-family: Arial
;}

.ul-lisths7 .tit {
    font-size: 1.25vw;
    color: #333;
    margin-bottom: .36vw
;}

.ul-lisths7 .desc {
    font-size: .94vw;
    color: #b92a2d;
    padding-bottom: .73vw;
    background: url(../images/hs-56.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1vw;
    overflow: hidden;}

.ul-lisths7 .info {
    font-size: .83vw;
    color: #9e9e9e;
    line-height: 1.88;
    margin-bottom: .94vw;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
;}

.ul-lisths7 .btn {
    width: 2.5vw;
    height: 2.5vw;
    border: 1px solid rgba(5, 85, 159, .48);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    background-image: url(../images/h-icon-next3.png)
;}

.ul-lisths7 .db {
    position: absolute;
    right: 1.04vw;
    bottom: 0;
    width: 7.66vw;
    height: 10.05vw;
    background: url(../images/hs-69.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-lisths7 li:hover .con {
    border: 1px solid #e1e1e1;
    background: linear-gradient(233deg, #0a92dc -34%, #0051a2 48%)
;}

.ul-lisths7 li:hover .desc,
.ul-lisths7 li:hover .tit {
    color: #fff
;}

.ul-lisths7 li:hover .desc {
    background-image: url(../images/hs-57.png)
;}

.ul-lisths7 li:hover .info {
    color: rgba(255, 255, 255, .68)
;}

.ul-lisths7 li:hover .btn {
    border-color: #fff;
    background-image: url(../images/h-icon-playbtn1.png)
;}

@media only screen and (max-width: 1023px) {
    .ul-lisths7 li {
        width: 50%;
        float: left
    ;}

    .ul-lisths7 .tit {
        font-size: 20px
    ;}

    .m-jiansuo .item {
        line-height: 2;
        margin-bottom: 10px;
        padding: 10px 0;}

    .m-jiansuo .item .info span {
        font-size: 14px;
        padding: 0 10px;
        line-height: 1.8;}

    .m-jiansuo .item .fs {
        font-size: 16px;
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;}

    .ul-lisths7 .desc {
        font-size: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px
    ;}

    .ul-lisths7 .info {
        font-size: 13px
    ;}

    .ul-lisths7 .btn {
        width: 24px;
        height: 24px
    ;}

    .ul-lisths7 .pic {
        width: 150px;
        height: 200px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths7 .pic {
        float: none;
        margin: 0 auto;}

    .m-jiansuo,
    .ul-lisths7 .con {
        padding: 15px
    ;}

    .ul-lisths7 .db {
        width: 73.5px;
        height: 96px
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-jiansuo .item .info.flx {
        display: block
    ;}

    .m-jiansuo .item .info.flx span {
        width: 14%;
        float: left;
        text-align: center
    ;}

    .m-jiansuo .item .info span {
        font-size: 12px
    ;}
}

.row-mba1 {
    overflow: hidden;
    padding: 2.4vw 0 1vw
;}

.row-mba1 .g-tit {
    margin-bottom: .7vw
;}

.m-mbatxt1 .desc {
    text-align: center;
    color: #333;
    font-size: 1.04vw;
    line-height: 2;
    margin-bottom: 1vw
;}

.m-mbatxt1 .desc span {
    color: #00797c
;}

.m-mbatxt1 .desc span em {
    font-style: normal;
    font-family: Impact;
    font-weight: 400;
    font-size: 1.35vw;
    margin: 0 .26vw
;}

.m-mbatxt1 .jiantou1 {
    margin: 0 auto .95vw;
    width: 2.71vw;
    height: 2.03vw;
    background: url(../images/hs-53.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-mbatxt1 .title {
    text-align: center;
    margin-bottom: 1.2vw;
    font-size: 1.88vw;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold
;}

.ul-lisths8 {
    overflow: hidden;
    position: relative
;}

.ul-lisths8::after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 3px;
    background: url(../images/hs-67.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.ul-lisths8 li {
    width: 33.33%;
    float: left;
    text-align: center;
    cursor: pointer
;}

.ul-lisths8 .ico {
    margin: 0 auto 3.2vw;
    border-radius: 50%;
    transition: all .3s;
    width: 26px;
    height: 26px;
    line-height: 20px;
    border: 1px solid transparent
;}

.ul-lisths8 li:hover .ico {
    border-color: #00797c
;}

.ul-lisths8 .ico i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #00797c;
    border-radius: 50%
;}

.ul-lisths8 .tit {
    font-size: 1.04vw;
    color: #333
;}

.row-mba2 {
    overflow: hidden;
    background: url(../images/hs-60.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8.1vw 0 11.2vw
;}

.row-mba2 .g-tit {
    margin-bottom: 2.2vw
;}

.g-tit .more.white {
    color: #fff;
    background-image: url(../images/hs-66.png)
;}

.g-tit .more.white:hover {
    opacity: .5
;}

.row-mba2 .firstnews {
    width: 35.99vw;
    float: left;
    margin-right: 2.34vw
;}

.m-mbabox1 {
    overflow: hidden;
    background: #fff;
    padding: 2.5vw 3.13vw 1.88vw
;}

.m-mbabox1 .firstnews .pic {
    position: relative;
    height: 0;
    padding-top: 61%;
    margin-bottom: 1.04vw;
    transition: all .3s;
    overflow: hidden
;}

.m-mbabox1 .firstnews:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.m-mbabox1 .firstnews:hover .tit {
    color: #034e5e
;}

.m-mbabox1 .firstnews .tit {
    font-size: .94vw;
    line-height: 1.78;
    color: #333;
    margin-bottom: .52vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.m-mbabox1 .firstnews .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2
;}

.ul-mbanewslist.h-newsLs2 {
    overflow: hidden
;}

.ul-mbanewslist.h-newsLs2 li {
    border-bottom: 1px solid #dadada;
    margin-bottom: 0
;}

.ul-mbanewslist.h-newsLs2 li .con {
    min-height: 7.08vw
;}

.ul-mbanewslist.h-newsLs2 li:last-child {
    border-bottom: none
;}

.ul-mbanewslist.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-mbanewslist.h-newsLs2 .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-mbanewslist.h-newsLs2 .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.row-mba3 {
    overflow: hidden;
    margin-top: -7vw;
    position: relative;
    z-index: 1;
    padding-top: 5vw;
    background: url(../images/hs-63.png) top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-mba3 .g-tit {
    margin-bottom: 1.3vw
;}

.row-mba3::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 7.29vw;
    width: 50.05vw;
    height: 24.38vw;
    z-index: 1;
    background: linear-gradient(237deg, #0a92dc 19%, #0051a2 80%)
;}

.row-mba3 .pic1 {
    position: absolute;
    right: 0;
    bottom: 12.19vw;
    width: 50%;
    height: 31.25vw;
    display: block;
    z-index: 3;
    transition: all .3s;
    overflow: hidden
;}

.row-mba3 .pic1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.row-mba3 .pictit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1.77vw 1.98vw;
    z-index: 2;
    color: #fff;
    font-size: 1.35vw
;}

.row-mba3 .picbg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14.17vw;
    background: url(../images/hs-65.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.row-mba3 .pic2 {
    width: 38.33vw;
    height: 24.53vw;
    position: absolute;
    bottom: 0;
    left: 3.5vw;
    overflow: hidden;
    display: block;
    transition: all .3s
;}

.row-mba3 .pic1:hover .pictit,
.row-mba3 .pic2:hover .pictit {
    opacity: .5
;}

.m-mabsixiang {
    height: 43.44vw;
    position: relative;
    padding-top: 6.72vw;
    z-index: 2
;}

.m-mabsixiang .item.t3 {
    position: absolute;
    bottom: 0;
    left: 41.7vw
;}

.m-mabsixiang .item.t1 {
    margin-left: 11.9vw
;}

.m-mabsixiang .item {
    width: 14.9vw;
    height: 12.19vw;
    text-align: center;
    padding-top: 2.08vw;
    float: left;
    color: #fff;
    font-size: 1.25vw
;}

.m-mabsixiang .item a {
    display: block;
    width: 100%;
    height: 100%
;}

.m-mabsixiang .item:hover {
    color: rgba(255, 255, 255, .5)
;}

.m-mabsixiang .item .ico {
    height: 5.21vw;
    width: 5.21vw;
    margin: 0 auto 1.46vw
;}

.m-mabsixiang .item .ico svg {
    display: block;
    width: 100%;
    height: 100%
;}

.row-mba4 {
    overflow: hidden;
    position: relative;
    margin-top: -12.29vw;
    padding: 15.63vw 0 3.33vw;
    background: url(../images/hs-59.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-tabhs1 {
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 2.2vw
;}

.ul-tabhs1::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d8d8d8
;}

.ul-tabhs1 li {
    display: inline-block;
    margin: 0 5.5vw;
    position: relative;
    padding-bottom: 2.28vw;
    cursor: pointer
;}

.ul-tabhs1 li.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 36px;
    z-index: 2;
    background: url(../images/hs-64.png) no-repeat
;}

.row-mba5 {
    overflow: hidden;
    background: url(../images/hs-58.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1.46vw 0 3.39vw
;}

.row-mba5 .g-tit {
    margin-bottom: 2.05vw
;}

.ul-tabhs2 {
    overflow: hidden;
    text-align: center;
    margin-bottom: 2vw
;}

.ul-tabhs2 li {
    display: inline-block;
    cursor: pointer
;}

.ul-tabhs2 .con {
    width: 10.42vw;
    height: 3.13vw;
    border-radius: 4.69vw;
    text-align: center;
    line-height: 3.02vw;
    font-size: 1.25vw;
    margin: 0 .78vw;
    color: #333;
    border: 1px solid rgba(168, 29, 32, .4);
    font-family: SourceHanSerifCN-Bold
;}

.ul-tabhs2 li.active .con {
    background: #00797c;
    color: #fff
;}

@media only screen and (max-width: 1199px) {
    .row-mba3::after {
        display: none
    ;}

    .row-mba3 .pic1 {
        position: relative;
        float: left;
        top: 0;
        right: 0
    ;}

    .m-mabsixiang {
        width: 50%;
        float: left;
        height: 31.25vw;
        padding-top: 0
    ;}

    .m-mabsixiang .item.t3 {
        position: static
    ;}

    .m-mabsixiang .item {
        float: left;
        width: 33.33%
    ;}

    .m-mabsixiang .item.t1 {
        margin-left: 0
    ;}

    .row-mba3 .pic2 {
        width: auto;
        position: relative;
        clear: both;
        height: 19.06vw;
        left: 0
    ;}

    .row-mba4 {
        padding-top: 2vw;
        margin-top: 0
    ;}

    .row-mba3 {
        padding-top: 2vw;
        margin-top: 0;
        background-image: none
    ;}

    .row-mba2 {
        padding: 7vw 0 3vw
    ;}

    .row-mba2 .firstnews {
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 16px
    ;}

    .m-mbabox1 .firstnews .tit {
        font-size: 18px
    ;}

    .m-mbabox1 .firstnews .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 20px
    ;}

    .ul-lisths8 .tit {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc br {
        display: none
    ;}

    .m-mbatxt1 .title {
        font-size: 20px
    ;}

    .g-tit .more {
        width: 104px;
        height: 32px;
        font-size: 16px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        top: 30px
    ;}

    .downloadswph1 .swiperLearn-btns>div,
    .newswph2 .swiperLearn-btns>div {
        width: 48px;
        height: 48px
    ;}

    .ul-mbanewslist.h-newsLs2 li .con {
        padding: 10px 0
    ;}

    .newswph3 .swiper-button-next {
        border-color: #05559f;
        background-image: url(../images/h-icon-next3.png)
    ;}

    .newswph3 .swiper-button-prev {
        border-color: #05559f;
        background-image: url(../images/h-icon-prev3.png)
    ;}

    .downloadswph1 .swiperLearn-btns,
    .newswph2 .swiperLearn-btns {
        width: 128px
    ;}

    .m-xsfz1link .item p {
        font-size: 18px
    ;}

    .newswph2 .con .desc {
        font-size: 14px;
        line-height: 1.5
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

.g-snv {
    margin-top: -35px;
    position: relative;
    z-index: 2
;}

.g-snv::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background-color: #00797c;
    z-index: -1
;}

.g-snv ul {
    position: relative;
    z-index: 2
;}

.g-snv ul::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    width: 1732px;
    background-image: url(../images/jl-bg01.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    z-index: -1
;}

.g-snv li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 88px;
    position: relative
;}

.g-snv li:last-child {
    margin-right: 0
;}

.g-snv .v1 {
    display: block;
    line-height: 88px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    position: relative
;}

.g-snv .v1::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 26px;
    height: 12px;
    margin-left: -13px;
    background-image: url(../images/jl-i04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .v1::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 8px;
    margin-left: -8px;
    background-image: url(../images/jl-i05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .on .v1,
.g-snv .v1:hover {
    font-weight: 700
;}

.g-snv .on a::after,
.g-snv .on a::before {
    opacity: 1
;}

.g-snv .arr {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 20px;
    margin-top: -10px;
    margin-left: 4px;
    line-height: 12px;
    text-align: center;
    display: none
;}

.g-snv .arr i {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
;}

.g-snv .sub {
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform: translateX(-50%);
    z-index: 2;
    display: none
;}

.g-snv .v2 {
    display: block;
    font-size: 18px;
    line-height: 2.5;
    padding: 0 15px;
    white-space: nowrap;
    color: #666;
    text-align: center;
    transition: .3s
;}

.g-snv .v2:hover {
    background-color: #00797c;
    color: #fff
;}

.g-cur {
    padding: 60px 0 45px;
    text-align: right;
    font-size: 16px;
    color: #666;
    line-height: 2
;}

.g-cur a,
.g-cur i,
.g-cur p,
.g-cur span {
    display: inline-block;
    vertical-align: middle;
    transition: .3s
;}

.g-cur i {
    font-size: 0;
    width: 20px;
    margin-right: 12px;
    line-height: 1
;}

.g-cur a:hover {
    color: #00797c
;}

.g-cur span {
    margin: 0 5px
;}

.g-pages {
    text-align: center;
    margin-bottom: 80px
;}

.g-pages li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
;}

.g-pages a {
    display: block;
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    min-width: 50px;
    padding: 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    transition: .3s
;}

.g-pages .on a,
.g-pages a:hover {
    color: #fff;
    background-color: #00797c
;}
.g-pages span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;}
.jl-main {
    overflow: hidden
;}

.jl-about1 {
    border-top: 4px solid #00797c;
    background: #fcf8f8;
    padding: 60px 100px 80px;
    overflow: hidden
;}

.jl-about1 .topbox {
    text-align: center;
    padding-bottom: 34px;
    border-bottom: 1px dashed #c4abab;
    position: relative;
    margin-bottom: 40px
;}

.jl-about1 .topbox::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .topbox::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .bigtit {
    font-size: 24px;
    color: #333;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 40px
;}

.jl-about1 .titsub {
    font-size: 18px;
    color: #868686
;}

.jl-about1 .desc {
    font-size: 20px;
    color: #333;
    line-height: 2;
    text-indent: 2em
;}

.jl-about1 .img {
    text-align: center;
    font-size: 0;
    margin: 60px 0 100px
;}

.jl-about1 .img img {
    margin-bottom: 40px
;}

.jl-about1 .img img:last-child {
    margin-bottom: 0
;}

.jl-about1 .img:last-child {
    margin-bottom: 0
;}

.jl-prevnext {
    padding: 60px 0;
    overflow: hidden
;}

.jl-prevnext a {
    display: block;
    font-size: 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    transition: .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.jl-prevnext a:hover {
    color: #1557a7;
    text-decoration: underline
;}

.jl-prevnext .prev {
    margin-bottom: 18px;
    background-image: url(../images/jl-i02.png)
;}

.jl-prevnext .next {
    background-image: url(../images/jl-i03.png)
;}

.jl-new1 {
    margin: 8px -27px 47px;
    font-size: 0
;}

.jl-new1 li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%
;}

.jl-new1 .con {
    display: block;
    padding: 33px 27px;
    position: relative;
    z-index: 2;
    overflow: hidden
;}

.jl-new1 .con::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/jl-bg02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .3s
;}

.jl-new1 .con:hover::after {
    opacity: 1
;}

.jl-new1 .pic {
    display: block;
    border-radius: 10px;
    margin-bottom: 19px;
    overflow: hidden
;}

.jl-new1 .img {
    padding-top: 72.14%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .3s
;}

.jl-new1 .con:hover .img {
    transform: scale(1.08)
;}

.jl-new1 .desc {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #333;
    height: 64px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    transition: .3s
;}

.jl-new1 .con:hover .desc {
    color: #fff
;}

.jl-new1 .date {
    text-align: right;
    font-size: 16px;
    line-height: 32px;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold;
    transition: .3s
;}

.jl-new1 .con:hover .date {
    color: #fff
;}

.jl-new1 .date span {
    font-size: 26px;
    margin-right: 5px
;}

@media only screen and (min-width: 1200px) {
    .g-snv {
        margin-top: -1.822vw
    ;}

    .g-snv ul::after {
        width: 90.2vw
    ;}

    .g-snv li {
        margin-right: 4.583vw
    ;}

    .g-snv .v1 {
        line-height: 4.583vw;
        font-size: 1.041vw
    ;}

    .g-snv .v1::before {
        bottom: .416vw;
        width: 1.354vw;
        height: .625vw;
        margin-left: -.677vw
    ;}

    .g-snv .v1::after {
        width: .833vw;
        height: .416vw;
        margin-left: -.416vw
    ;}

    .g-snv .v2 {
        font-size: .937vw;
        padding: 0 .781vw
    ;}

    .g-cur {
        padding: 3.125vw 0 2.343vw;
        font-size: .833vw
    ;}

    .g-cur i {
        width: 1.041vw;
        margin-right: .625vw
    ;}

    .g-cur span {
        margin: 0 .26vw
    ;}

    .g-pages {
        margin-bottom: 4.166vw
    ;}
    .g-pages li {
        margin: 0 0.520vw
    ;}
    .g-pages span{
        font-size: 0.937vw;}
    .g-pages a {
        line-height: 2.5vw;
        border-radius: 0.104vw;
        min-width: 2.604vw;
        padding: 0 0.520vw;
        font-size: 0.937vw;}

    .jl-about1 {
        border-top: solid #00797c;
        padding: 3.125vw 5.208vw 4.166vw
    ;}

    .jl-about1 .topbox {
        padding-bottom: 1.77vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .topbox::before {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .topbox::after {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .bigtit {
        font-size: 1.25vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .titsub {
        font-size: .937vw
    ;}

    .jl-about1 .desc {
        font-size: 1.041vw
    ;}

    .jl-about1 .img {
        margin: 3.125vw 0 5.208vw
    ;}

    .jl-about1 .img img {
        margin-bottom: 2.083vw
    ;}

    .jl-prevnext {
        padding: 3.125vw 0
    ;}

    .jl-prevnext a {
        font-size: 1.041vw;
        padding-left: 1.562vw;
        background-size: 1.041vw
    ;}

    .jl-prevnext .prev {
        margin-bottom: .937vw
    ;}

    .jl-new1 {
        margin: .416vw -1.406vw 2.447vw
    ;}

    .jl-new1 .con {
        padding: 1.718vw 1.406vw
    ;}

    .jl-new1 .pic {
        border-radius: .52vw;
        margin-bottom: .989vw
    ;}

    .jl-new1 .desc {
        font-size: .937vw;
        line-height: 1.666vw;
        height: 3.333vw
    ;}

    .jl-new1 .date {
        font-size: .833vw;
        line-height: 1.666vw
    ;}

    .jl-new1 .date span {
        font-size: 1.354vw;
        margin-right: .26vw
    ;}
}

@media screen and (max-width: 1200px) {
    .g-snv {
        margin-top: 0;
        background-color: #00797c
    ;}

    .g-snv ul::after {
        width: 1200px
    ;}

    .g-snv li {
        margin-right: 15px
    ;}

    .g-snv .v1 {
        font-size: 14px;
        line-height: 50px
    ;}

    .g-snv .v1::before {
        width: 13px;
        height: 6px;
        margin-left: -7px;
        bottom: 4px
    ;}

    .g-snv .v1::after {
        width: 8px;
        height: 4px;
        margin-left: -4px
    ;}

    .g-snv .arr {
        display: block
    ;}

    .g-snv .v2 {
        font-size: 14px
    ;}

    .g-cur {
        text-align: left;
        padding: 20px 0;
        font-size: 14px
    ;}

    .g-cur i {
        font-size: 0;
        width: 15px;
        margin-right: 5px
    ;}

    .g-pages {
        margin-bottom: 12px
    ;}

    .g-pages li {
        margin: 0 4px 8px
    ;}

    .g-pages a {
        padding: 0 5px;
        min-width: 35px;
        line-height: 33px;
        font-size: 12px;}
    .g-pages span{
        font-size: 12px;
        margin-top: -4px;}

    .jl-about1 {
        padding: 30px 15px;
        border-width: 2px
    ;}

    .jl-about1 .topbox {
        padding-bottom: 15px;
        margin-bottom: 15px
    ;}

    .jl-about1 .bigtit {
        font-size: 18px;
        margin-bottom: 15px
    ;}

    .jl-about1 .desc,
    .jl-about1 .titsub {
        font-size: 14px
    ;}

    .jl-about1 .img {
        margin: 20px 0
    ;}

    .jl-about1 .img img {
        margin-bottom: 15px
    ;}

    .jl-prevnext {
        padding: 20px 0
    ;}

    .jl-prevnext a {
        font-size: 14px;
        background-size: 13px;
        padding-left: 20px
    ;}

    .jl-prevnext .prev {
        margin-bottom: 10px
    ;}

    .jl-new1 {
        margin: 10px 0
    ;}

    .jl-new1 .con {
        padding: 15px
    ;}

    .jl-new1 .pic {
        border-radius: 8px;
        margin-bottom: 10px
    ;}

    .jl-new1 .desc {
        font-size: 14px;
        line-height: 30px;
        height: 60px
    ;}

    .jl-new1 .date {
        font-size: 14px;
        line-height: 28px
    ;}

    .jl-new1 .date span {
        font-size: 18px
    ;}

    .jl-txt1 {
        display: none
    ;}
}

@media screen and (max-width: 750px) {
    .jl-new1 li {
        width: 50%
    ;}
}

@media screen and (max-width: 400px) {
    .jl-new1 li {
        width: 100%
    ;}
}

.jl-txt1 {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2
;}

.jl-txt1.hide {
    display: none
;}

.jl-txt1 li {
    position: absolute;
    top: 0;
    left: 2%;
    transform: translateY(-50%);
    font-size: 40px;
    white-space: nowrap;
    writing-mode: vertical-lr;
    font-family: SourceHanSerifCN-Bold;
    color: #00797c;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .3s
;}

.jl-txt1 li:nth-child(even) {
    left: auto;
    right: 2%
;}

.jl-txt1 li.on {
    opacity: 1;
    visibility: visible
;}

@media only screen and (min-width: 1200px) {

    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}

.newswph3 .swiper-button-next {
    border-color: #05559f;
    background-image: url(../images/h-icon-next3.png)
;}

.newswph3 .swiper-button-prev {
    border-color: #05559f;
    background-image: url(../images/h-icon-prev3.png)
;}

.downloadswph1 .swiperLearn-btns,
.newswph2 .swiperLearn-btns {
    width: 6.67vw
;}

.m-xsfz1link .item p {
    font-size: 0.94vw
;}

.newswph2 .con .desc {
    font-size: 14px;
    line-height: 1.5
;}


@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
  
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

@media only screen and (min-width: 1920px) and (max-width:2560px) {
    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}



@media only screen and (max-width: 1300px) {
.ul-mbanewslist.h-newsLs2 .desc{font-size: 12px;}
.downloadswph1 .swiperLearn-btns, .newswph2 .swiperLearn-btns{width: 128px;}
.ban .tit{font-size: 20px;}
.m-ldjy .txt .desc{font-size: 16px;}
.m-ldjy .qm .nr{font-size: 16px;}
.m-ldjy .qm{margin-right: 10%;}
.m-ldjy .qm .img{width: 69px;height: 40px;}
.m-ldjy .txt .tits{font-size: 20px;}
.m-ldjy .txt .item.bg{padding: 0;}
.m-ldjy .txt .bg::before,.m-ldjy .txt .bg::after{display: none;}
}

.none{display: none !important;}




.listFrame {
    font-size: 16px;
    color: #6d6d6d;}

.listFrame a,
.listFrame span {
    padding: 0 10px;
    display: inline-block;
    min-width: 50px;
    line-height: 44px;
    border: 1px solid #ddd;
    text-align: center;
    color: #6d6d6d;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}



.listFrame a:hover {
    background-color: #01569b;
    border-color: #01569b;
    color: #fff
;}
@media screen and (max-width: 1200px) {
    .listFrame {
        font-size: 12px;}
    .listFrame a, .listFrame span{
        min-width: auto;
        line-height: 30px;
        padding: 0 5px;
        margin: 0 -5px;}
}
        display: none
    }

    .cslide li:nth-child(1),
    .cslide li:nth-child(2),
    .cslide li:nth-child(3) {
        display: block
    ;}

    .cslide .a {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    ;}

    .cslide .tit {
        width: 2.344vw;
        margin-right: .625vw;
        background: url() center no-repeat;
        line-height: 1.25vw;
        font-size: .625vw;
        color: #ffff;
        padding: 0 0 0 .20832vw;
        -webkit-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%
    ;}

    .cslide .txt {
        padding: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        overflow: hidden
    ;}

    .cslide h4 {
        margin-bottom: .313vw
    ;}

    .cslide p {
        font-size: .729vw;
        color: #999;
        line-height: 1.146vw;
        position: relative;
        z-index: 1;
        padding: 0 0 0 1.875vw
    ;}

    .cslide p i {
        position: absolute;
        left: 0;
        top: .052vw;
        width: 1.042vw;
        height: 1.042vw
    ;}

    .cslide p i img {
        width: 100%;
        vertical-align: top
    ;}

    .cslide p span {
        opacity: .6;
        display: inline-block;
        width: 3.646vw
    ;}

    #calendarnews {
        height: auto;
        min-height: 14.167vw
    ;}


/* 
.m-szll{
    background-color: #fcf8f8;
    font-size: 1.04vw;
    color: #333;
    padding: 3.28125vw 5.2vw 5.78125vw;
    margin-bottom: 4.27vw;
   
}
.m-szll  .txt{
    padding-bottom: 3.02vw;
}
.g-lineb1{
    margin-bottom: 3.125vw;
}


.ulsz_ls li{
    padding: 0 2.6vw;
    min-width: 19.8vw;
}
.ulsz_ls li::after{
    width: 1.14vw;
    height: 2.44vw;
}

.ulsz_ls .top{
    font-size: 1.25vw;
}
.ulsz_ls .top em{
    font-size: 2.8125vw;
}
.ulsz_ls .p{
    font-size: 1.04vw;
} */

}

@media screen and (max-width: 1199px) {
    .rightS {
        display: none
    ;}

    .row-index6 .studentSwp-for {
        padding: 0
    ;}

    .row-index8 {
        padding: 30px 0 60px
    ;}

    .row-index8 .h-head1 {
        margin-bottom: 40px
    ;}

    .h-managementLs1 .con {
        font-size: 16px
    ;}

    .h-managementLs1 .icon {
        width: 76px;
        height: 76px;
        line-height: 76px;
        border-width: 1px
    ;}

    .h-managementLs1 .icon img {
        height: 30px
    ;}

    .h-managementLs1 .icon::before {
        width: 110px;
        height: 110px
    ;}

    .h-managementLs1 .con:hover .icon::before {
        width: 127px;
        height: 127px
    ;}

    .h-managementLs1 .con::before {
        display: none
    ;}

    .h-managementLs1 .num {
        font-size: 14px
    ;}

    .h-managementLs1 .num span {
        font-size: 24px
    ;}

    .h-videMedia1 {
        right: 15px;
        height: 280px;
        padding-top: 20px
    ;}

    .h-shares1 .icon {
        width: 35px;
        height: 35px;
        line-height: 35px
    ;}

    .h-shares1 .icon img {
        max-height: 20px
    ;}

    .h-videMedia1 .h-title1 .tit .en {
        top: 0
    ;}

    .h-videMediaLs1 .text {
        font-size: 16px;
        bottom: 3%;
        left: 3%;
        right: 3%
    ;}

    .h-videMediaLs1,
    .h-videMediaLs1 .li1 .pic {
        height: 500px
    ;}

    .h-videMediaLs1 .li2 .pic {
        height: 280px
    ;}

    .h-videMediaLs1 .pic {
        height: 220px
    ;}

    .h-videMediaLs1 .li3,
    .h-videMediaLs1 .li4 {
        top: 280px
    ;}

    .section-index3 {
        margin: 0;
        padding: 0
    ;}

    .row-index6 .wp {
        margin: 30px 15px
    ;}

    .row-index5 .index5-bg1 {
        display: none
    ;}

    .row-index5 {
        padding: 30px 0;
        background-color: #058b8e;
        margin-bottom: 50px
    ;}

    .row-index5 .h-head1 {
        margin-bottom: 20px
    ;}

    .row-index6 .index6-col {
        padding: 15px
    ;}

    .h-studentSwp1 .hd .tit {
        font-size: 18px
    ;}

    .h-studentSwp1 .hd {
        margin-bottom: 8px
    ;}

    .h-studentSwp1 .hd .job,
    .h-studentSwp1 .txt {
        font-size: 14px
    ;}

    .h-studentSwp1 .txt {
        margin-bottom: 12px
    ;}

    .studentSwp-nav .con {
        padding: 6px
    ;}

    .alumnusSwp1-text {
        font-size: 14px
    ;}

    .alumnusSwp1-text .en {
        margin-bottom: 0
    ;}

    .ul-listb1 .con {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px;
        height: auto
    ;}

    .ul-listb1 .left {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 30%
    ;}
   
    .ul-listb1 .act {
        width: 50%
    ;}

    .ul-listb1 .pic {
        width: auto;
        height: auto
    ;}

    .ul-listb1 .tit {
        font-size: 16px
    ;}

    .ul-listb1 .job,
    .ul-listb1 .txt {
        font-size: 14px
    ;}

    .ul-listb1 .txt {
        display: -webkit-box;
        box-orient: vertical;
        -webkit-box-orient: vertical;
        line-clamp: 3;
        -webkit-line-clamp: 3;
        overflow: hidden;
        height: 5.625em
    ;}

    .calendar {
        padding: 40px 0 0;}
    .calendar::after{
        display: none;}

    .h-studentSwp1 .line {
        top: 13px
    ;}

    .m-szll{
        padding: 15px;
        font-size: 14px;
        margin-bottom: 30px;}
    .m-szll .txt{
        line-height: 1.8;
        padding-bottom: 30px;}
    .g-lineb1{
        margin-bottom: 30px;}
    .ulsz_ls li{
        min-width: auto;
        width: 33.33%;
        padding: 0 20px;}
    .ulsz_ls .p,
    .ulsz_ls .top{
        font-size: 14px;}
    .ulsz_ls .top em{
        font-size: 24px;}
    .ulsz_ls li::after{
        width: 12px;
        height: 20px;
        background-size: contain;}

   
}

@media screen and (max-width: 959px) {
    .ul-listb1 .con {
        margin: 0 10px
    ;}

    .ul-listb1 li {
        float: none
    ;}

    .ul-listb1 .act {
        width: auto
    ;}

    .alumnusSwp1-text {
        bottom: 7%;
        left: 7%;
        right: 7%
    ;}

    .alumnusSwp1-text .h-title1 {
        padding-bottom: 0
    ;}
    .row-index6 .index6-col,
    .row-index6 .index6-cor {
        float: none;
        width: auto
    ;}

}

@media screen and (max-width: 767px) {
    .ulsz_ls li{
        padding: 0 10px;}
    .ulsz_ls li::after{
        display: none;}
    .ul-listb1 .con {
        display: block
    ;}

    .ul-listb1 .left {
        float: none;
        width: auto
    ;}

    .ul-listb1 .pic img {
        margin: 0 auto
    ;}

    .h-insightsSwp1 .slider {
        margin: 0
    ;}

    .h-insightsSwp1 .next,
    .h-insightsSwp1 .prev {
        background-color: #0051a2;
        z-index: 10
    ;}

    .h-insightsSwp1 .next:hover,
    .h-insightsSwp1 .prev:hover {
        background-color: #0051a2
    ;}

    .h-insightsSwp1 .prev:hover {
        background-image: url(../images/h-icon-prev2.png)
    ;}

    .h-insightsSwp1 .next:hover {
        background-image: url(../images/h-icon-next2.png)
    ;}

   
    .h-videMedia1 {
        position: static;
        width: auto;
        height: auto;
        padding: 50px 0;
        margin-bottom: 15px
    ;}

    .h-videMedia1 .h-head1 {
        margin-bottom: 30px
    ;}

    .h-videMediaLs1 {
        height: auto;
        overflow: hidden
    ;}

    .h-videMediaLs1 li {
        width: auto !important;
        height: auto;
        position: static;
        margin-bottom: 15px
    ;}

    .h-videMediaLs1 .pic {
        height: 0 !important;
        position: relative;
        padding-top: 55%;
        overflow: hidden
    ;}

    .h-videMediaLs1 .pic .img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    ;}

    .h-videMediaLs1 .pic .icn {
        width: 30px;
        height: 30px
    ;}

    .h-managementLs1 li {
        width: 50%;
        margin-bottom: 30px
    ;}

    .row-index8 .h-title1 .tit .en {
        top: 0
    ;}
    .ul-listb1 .pic{
        width: 50%;
        margin: 0 auto;}
}

svg * {
    fill: none;
    stroke: currentColor
;}

.img-cover {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height: 100%;
    object-fit: cover
;}

.ban {
    overflow: hidden;
    position: relative;}
.ban .tit{
    position: absolute;
    top: 50%;
    left: 10%;
    color:#fff;
    font-size: 2.5vw;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
.ban img {
    display: block;
    width: 100%;
    height: auto
;}

.g-tit {
    overflow: hidden;
    position: relative;
    text-align: center
;}

.g-tit .h-title1 {
    padding-right: 0;
    margin: 0 auto;
    display: inline-block
;}

.g-tit .more {
    position: absolute;
    right: 0;
    top: 3.44vw;
    width: 5.89vw;
    height: 1.67vw;
    color: #666;
    font-size: .94vw;
    padding-left: .83vw;
    text-align: left;
    background: url(../images/hs-1.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.g-tit .more:hover {
    color: #05559f
;}

.row-xsfz1 {
    overflow: hidden;
    padding: 2.29vw 0 0
;}

.row-xsfz1 .g-tit {
    margin-bottom: 2.08vw
;}

.m-xsfz1new {
    overflow: hidden;
    position: relative;
    padding: 4.69vw 0;
    background: #f6f6f6
;}

.m-xsfz1new::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 58%;
    background: url(../images/hs-10.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.g-newsh1 {
    overflow: hidden;
    background-color: #fff;
    padding: 3.13vw 2.92vw;
    position: relative;
    z-index: 2;
    box-shadow: .36vw .47vw .83vw 0vw rgba(19, 30, 96, .3)
;}

.g-newsh1 .newswp1 {
    width: 43.13vw;
    float: left;
    margin-right: 2.08vw;
    overflow: hidden
;}

.g-newsh1 .newswp2,
.row-xsfz2 {
    overflow: hidden
;}

.newswph1 .pic {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 66%;
    transition: all .3s
;}

.newswph1 .swiper-slide:hover .pic img {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08)
;}

.newswph1 .pic .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 11.46vw 1.56vw 2.08vw;
    color: #fff
;}

.newswph1 .pic .txt .time {
    font-size: .83vw;
    line-height: 1.67vw
;}

.newswph1 .pic .txt .time span {
    font-size: 1.35vw;
    margin-right: .52vw
;}

.newswph1 .pic .txt .tit {
    font-size: 1.04vw;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.newswph1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
    text-align: right;
    bottom: 1.98vw;
    padding-right: 1.25vw
;}

.newswph1.swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet {
    width: .52vw;
    height: .52vw;
    background-color: rgba(255, 255, 255, .4);
    opacity: 1;
    border-radius: 50%;
    margin: 0 1.25vw 0 0
;}

.newswph1.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
;}

.ul-list1hs {
    overflow: hidden
;}

.ul-list1hs li {
    background-color: #fff;
    padding: .94vw 0
;}

.ul-list1hs .time {
    float: left;
    text-align: center;
    width: 4.58vw;
    height: 4.17vw;
    padding-top: .52vw;
    border-right: solid #bbb;
    margin-right: 1.3vw
;}

.ul-list1hs .time .day {
    font-size: 1.35vw;
    font-weight: 700;
    color: #333;
    line-height: 1.56vw
;}

.ul-list1hs .time .yh {
    font-size: .73vw;
    line-height: 1.56vw;
    color: #666
;}

.ul-list1hs .txt {
    overflow: hidden
;}

.ul-list1hs .txt .tit {
    font-size: 1.04vw;
    font-weight: 400;
    color: #1a1a1a;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: .63vw
;}

.ul-list1hs .txt .desc {
    font-size: .83vw;
    font-weight: 400;
    line-height: 1.56vw;
    color: #787878;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-list1hs li:hover {
    background: linear-gradient(270deg, #0051a2 0, #0072c8 99%)
;}

.ul-list1hs li:hover .time .day,
.ul-list1hs li:hover .time .yh,
.ul-list1hs li:hover .txt .tit {
    color: #fff
;}

.ul-list1hs li:hover .txt .desc {
    color: #f9f9f9;
    opacity: .6
;}

.m-xsfz1link {
    overflow: hidden;
    position: relative
;}

.m-xsfz1link .box {
    position: relative;
    overflow: hidden
;}

.m-xsfz1link::after {
    content: '';
    position: absolute;
    display: block;
    height: 14.06vw;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #f6f6f6
;}

.m-xsfz1link .pic {
    position: absolute;
    right: 0;
    top: 0;
    width: 48.96vw;
    height: 28.65vw;
    overflow: hidden;
    z-index: 1
;}

.m-xsfz1link .item {
    width: 34.38vw;
    height: 12.5vw;
    line-height: 12.5vw;
    position: relative;
    text-align: center;
    z-index: 2;
    -webkit-background-size: cover;
    background-size: cover;
    transition: all .3s
;}

.m-xsfz1link .item a {
    display: block
;}

.m-xsfz1link .item .ico {
    vertical-align: middle;
    display: inline-block;
    width: 5.94vw;
    height: 5.94vw;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-xsfz1link .item1:hover {
    padding-left: 3vw
;}

.m-xsfz1link .item2:hover {
    padding-right: 3vw
;}

.m-xsfz1link .item1 .ico {
    background-image: url(../images/hs-20.png)
;}

.m-xsfz1link .item2 .ico {
    background-image: url(../images/hs-21.png)
;}

.m-xsfz1link .item p {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-family: SourceHanSerifCN-Regular;
    font-size: 1.67vw;
    margin-left: 2.6vw
;}

.m-xsfz1link .item1 {
    margin-top: 6.51vw;
    background-image: url(../images/hs-26.jpg)
;}

.m-xsfz1link .item2 {
    margin-left: 22.4vw;
    background-image: url(../images/hs-23.png)
;}

.row-xsfz2 {
    overflow: hidden;
    background: url(../images/hs-12.jpg) center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 2.66vw 0
;}

.newswph2.swiper-container {
    overflow: hidden;
    padding-bottom: 5vw
;}

.newswph2.swiper-container.h-newsLs2 .con {
    min-height: 6.25vw
;}

.newswph2 .con .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.newswph2 .con .desc {
    font-size: .83vw;
    line-height: 1.67vw;
    color: #889ba8;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.h-newsLs2 .date.bg2:before {
    background-image: url(../images/hs-24.png)
;}

.newswph2 .con:hover .desc {
    color: rgba(255, 255, 255, .48)
;}

.row-xsfz2 .g-tit {
    margin-bottom: 2.4vw
;}

.newswph2 .swiperLearn-btns {
    width: 7.29vw;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    right: 0
;}

.newswph2 .swiperLearn-btns>div {
    display: inline-block;
    float: none;
    width: 2.5vw;
    height: 2.5vw;
    cursor: pointer
;}

.row-benke1 {
    overflow: hidden;
    padding: 2.29vw 0 0
;}

.row-benke1 .g-tit {
    margin-bottom: 1.51vw
;}

.g-desch1 {
    text-align: center;
    font-size: 1.04vw;
    font-weight: 400;
    line-height: 2.08vw;
    padding-bottom: 2.76vw;
    color: #333;
    background: url(../images/hs-25.png) bottom no-repeat
;}

.ul-list2hs {
    overflow: hidden;
    margin: 0 -2.08vw;
    padding-top: 3.54vw
;}

.ul-list2hs li {
    width: 25%;
    float: left;
    margin-bottom: 4.17vw
;}

.ul-list2hs .con {
    display: block;
    margin: 0 2.08vw;
    overflow: hidden
;}

.ul-list2hs .pic {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: all .3s;
    padding-top: 118%
;}

.ul-list2hs li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.ul-list2hs .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3.65vw 0 0 2.6vw;
    color: #fff;
    height: 9.22vw;
    -webkit-background-size: cover;
    background-size: cover
;}

.ul-list2hs .txt .tit {
    font-size: 1.25vw;
    color: #fff;
    line-height: 2.14vw;
    padding-left: 1.56vw;
    margin-bottom: 1.35vw;
    background: url(../images/hs-17.png) left no-repeat
;}

.ul-list2hs .txt .more {
    float: right;
    padding-left: 2.19vw;
    font-size: .83vw;
    opacity: .6;
    padding-right: 2.6vw;
    background: url(../images/hs-18.png) left center no-repeat
;}

.row-benke2 {
    overflow: hidden;
    padding-bottom: 6.88vw;
    background: url(../images/hs-7.jpg) top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-benke2 .g-tit {
    margin-bottom: 190px
;}

.newswph3 {
    position: relative
;}

.newswph3 .swiper-container {
    margin: 0 45px
;}

.newswph3 .h-learnSwp1 .con {
    background-color: #fff;
    min-height: 244px
;}

.newswph3 .h-learnSwp1 .date {
    color: #00797c
;}

.newswph3 .h-learnSwp1 .tit {
    color: #333;
    z-index: 3;
    position: relative
;}

.newswph3 .h-learnSwp1 .con:before {
    opacity: 0
;}

.newswph3 .h-learnSwp1 .swiper-slide:hover .con:before {
    opacity: 1;
    background-image: url(../images/hs-13.jpg)
;}

.newswph3 .h-learnSwp1 .swiper-slide:hover .date,
.newswph3 .h-learnSwp1 .swiper-slide:hover .tit {
    color: #fff
;}

.newswph3 .swiper-button-prev {
    width: 2.5vw;
    height: 2.5vw;
    left: -1.56vw;
    border-radius: 50%;
    border: solid #fff;
    background: url(../images/h-icon-prev2.png) center no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    opacity: 1 !important
;}

.newswph3 .swiper-button-next {
    width: 2.5vw;
    height: 2.5vw;
    right: -1.56vw;
    border-radius: 50%;
    border: solid #fff;
    background: url(../images/h-icon-next2.png) center no-repeat;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    opacity: 1 !important
;}

.newswph3 .con::after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 7.34vw;
    height: 9.74vw;
    background: url(../images/hs-8.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.newswph3 .swiper-slide:hover .con::after {
    background-image: url(../images/hs-9.png)
;}

.row-xsfz3 {
    overflow: hidden;
    padding: 3.13vw 0 4.17vw
;}

.row-xsfz3.pt {
    padding-top: 1vw
;}

.row-xsfz3 .g-tit {
    margin-bottom: 1.77vw
;}

.m-download {
    overflow: hidden;
    background: #eef3f7;
    padding: 3.13vw 3.54vw 2.08vw
;}
.vd_ban .pic{
    position: relative;
    height: 0;
    padding-top: 56%;
    overflow: hidden;}
.vd_ban .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
.vd_ban .play{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%,-50%);
    display: block;
    background: url(../images/h-icon-playbtn1.png) no-repeat center;
    background-size: 16px;
    z-index: 2;
    border-radius: 50%;
    border: 2px solid #fff;}

.downloadswph1.downloadswph1 {
    padding-bottom: 4.48vw
;}

.downloadswph1 .swiperLearn-btns {
    width: 7.29vw;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0
;}

.downloadswph1 .swiperLearn-btns>div {
    display: inline-block;
    float: none;
    cursor: pointer;
    width: 2.5vw;
    height: 2.5vw
;}

.row-boshi1 {
    overflow: hidden;
    padding: 2.45vw 0
;}

.row-boshi1 .g-tit {
    margin-bottom: 1.25vw
;}

.ul-list3 {
    overflow: hidden;
    margin-top: 3.59vw
;}

.ul-list3 li {
    width: 50%;
    float: left;
    -webkit-background-size: 100.5% 100%;
    background-size: 100.5% 100%;
    padding: 2.5vw 3.13vw;
    color: #fff
;}

.ul-list3 .tit {
    overflow: hidden;
    line-height: 1.93vw;
    margin-bottom: 1.56vw;
    padding-bottom: 1.56vw;
    border-bottom: 1px solid rgba(140, 140, 140, .4)
;}

.ul-list3 li:last-child .tit {
    border-color: rgba(255, 255, 255, .3)
;}

.ul-list3 .desc {
    font-size: 1.04vw;
    line-height: 2;
    height: 6em;}

.l2 {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;}

.l3 {
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;}

.ul-list3 .tit h4 {
    overflow: hidden;
    padding-left: 2.08vw;
    font-size: 1.25vw;
    float: left;
    background: url(../images/hs-19.png) left center no-repeat
;}

.ul-list3 .tit a {
    display: block;
    font-size: .83vw;
    float: right
;}

.ul-list3 li:nth-child(1) {
    background-image: url(../images/hs-5.png)
;}

.ul-list3 li:nth-child(2) {
    background-image: url(../images/hs-6.png)
;}

@media only screen and (min-width: 1200px) and (max-width:1920px) {
    .img-cover {
        top: 0;
        left: 0;
        object-fit: cover
    ;}

    .ban img {
        height: auto
    ;}

    .g-tit .h-title1 {
        margin: 0 auto
    ;}

    .g-tit .more {
        right: 0;
        top: 3.437vw;
        width: 5.885vw;
        height: 1.666vw;
        font-size: .937vw;
        padding-left: .833vw;
        background: url(../images/hs-1.png) bottom no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto
    ;}

    .row-xsfz1 {
        padding: 2.291vw 0 0
    ;}

    .row-xsfz1 .g-tit {
        margin-bottom: 2.083vw
    ;}

    .m-xsfz1new {
        padding: 4.687vw 0;
        background: #f6f6f6
    ;}

    .m-xsfz1new::after {
        content: '';
        top: 0;
        left: 0;
        bottom: 0;
        background: url(../images/hs-10.jpg) no-repeat;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .g-newsh1 {
        padding: 3.125vw 2.916vw;
        box-shadow: .364vw .468vw .833vw 0 rgba(19, 30, 96, .3)
    ;}

    .g-newsh1 .newswp1 {
        width: 43.12vw;
        margin-right: 2.083vw
    ;}

    .newswph1 .pic {
        transition: all .3s
    ;}

    .newswph1 .swiper-slide:hover .pic img {
        -webkit-transform: scale(1.08);
        -ms-transform: scale(1.08);
        -o-transform: scale(1.08);
        transform: scale(1.08)
    ;}

    .newswph1 .pic .txt {
        bottom: 0;
        padding: 0 11.45vw 1.562vw 2.083vw
    ;}

    .newswph1 .pic .txt .time {
        font-size: .833vw;
        line-height: 1.666vw
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 1.354vw;
        margin-right: .52vw
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 1.041vw;
        line-height: 1.5;
        white-space: nowrap
    ;}

    .newswph1 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
        bottom: 1.979vw;
        padding-right: 1.25vw
    ;}

    .newswph1.swiper-container>.swiper-pagination-bullets .swiper-pagination-bullet {
        width: .52vw;
        height: .52vw
    ;}

    .ul-list1hs li {
        padding: .937vw 0
    ;}

    .ul-list1hs .time {
        width: 4.583vw;
        height: 4.166vw;
        padding-top: .52vw;
        border-right: 1px solid #bbb;
        margin-right: 1.302vw
    ;}

    .ul-list1hs .time .day {
        font-size: 1.354vw;
        font-weight: 700;
        line-height: 1.562vw
    ;}

    .ul-list1hs .time .yh {
        font-size: .729vw;
        line-height: 1.562vw
    ;}

    .ul-list1hs .txt .tit {
        font-size: 1.041vw;
        font-weight: 400;
        white-space: nowrap;
        margin-bottom: .625vw
    ;}

    .ul-list1hs .txt .desc {
        font-size: .833vw;
        font-weight: 400;
        line-height: 1.562vw;
        white-space: nowrap
    ;}

    .ul-list1hs li:hover {
        background: linear-gradient(270deg, #0051a2 0, #0072c8 99%)
    ;}

    .ul-list1hs li:hover .txt .desc {
        opacity: .6
    ;}

    .m-xsfz1link::after {
        content: '';
        height: 14.06vw;
        left: 0;
        bottom: 0;
        background: #f6f6f6
    ;}

    .m-xsfz1link .pic {
        right: 0;
        top: 0;
        width: 48.95vw;
        height: 28.64vw
    ;}

    .m-xsfz1link .item {
        width: 34.38vw;
        height: 12.5vw;
        line-height: 12.5vw;
        -webkit-background-size: cover;
        background-size: cover;
        transition: all .3s
    ;}

    .m-xsfz1link .item .ico {
        width: 5.937vw;
        height: 5.937vw;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .m-xsfz1link .item1:hover {
        padding-left: 3vw
    ;}

    .m-xsfz1link .item2:hover {
        padding-right: 3vw
    ;}

    .m-xsfz1link .item1 .ico {
        background-image: url(../images/hs-20.png)
    ;}

    .m-xsfz1link .item2 .ico {
        background-image: url(../images/hs-21.png)
    ;}

    .m-xsfz1link .item p {
        font-family: SourceHanSerifCN-Regular;
        font-size: 1.666vw;
        margin-left: 2.604vw
    ;}

    .m-xsfz1link .item1 {
        margin-top: 6.51vw;
        background: url(../images/hs-22.png)
    ;}

    .m-xsfz1link .item2 {
        margin-left: 22.39vw;
        background: url(../images/hs-23.png)
    ;}

    .row-xsfz2 {
        background: url(../images/hs-12.jpg) center no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        padding: 2.656vw 0
    ;}

    .newswph2.swiper-container {
        padding-bottom: 5vw
    ;}

    .newswph2.swiper-container.h-newsLs2 .con {
        min-height: 6.25vw
    ;}

    .newswph2 .con .desc {
        font-size: .833vw;
        line-height: 1.666vw;
        white-space: nowrap
    ;}

    .h-newsLs2 .date.bg2:before {
        background-image: url(../images/hs-24.png)
    ;}

    .row-xsfz2 .g-tit {
        margin-bottom: 2.447vw
    ;}

    .newswph2 .swiperLearn-btns {
        width: 7.291vw;
        margin: 0 auto;
        left: 0;
        bottom: 0;
        right: 0
    ;}

    .row-benke1 {
        padding: 2.291vw 0 0
    ;}

    .row-benke1 .g-tit {
        margin-bottom: 1.51vw
    ;}

    .g-desch1 {
        font-size: 1.041vw;
        font-weight: 400;
        line-height: 2.083vw;
        padding-bottom: 2.76vw;
        background: url(../images/hs-25.png) bottom no-repeat
    ;}

    .ul-list2hs {
        margin: 0 -2.083vw;
        padding-top: 3.541vw
    ;}

    .ul-list2hs li {
        margin-bottom: 4.166vw
    ;}

    .ul-list2hs .con {
        margin: 0 2.083vw
    ;}

    .ul-list2hs .pic {
        transition: all .3s
    ;}

    .ul-list2hs li:hover .pic img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    ;}

    .ul-list2hs .txt {
        bottom: 0;
        left: 0;
        right: 0;
        padding: 3.645vw 2.4vw 0;
        height: 9.218vw;
        -webkit-background-size: cover;
        background-size: cover
    ;}

    .ul-list2hs .txt .tit {
        font-size: 1.25vw;
        line-height: 2.135vw;
        padding-left: 1vw;
        margin-bottom: 1.354vw;
        background: url(../images/hs-17.png) left no-repeat
    ;}

    .ul-list2hs .txt .more {
        padding-left: 2.187vw;
        font-size: .833vw;
        opacity: .6;
        background: url(../images/hs-18.png) left center no-repeat
    ;}

    .row-benke2 {
        padding-bottom: 6.875vw;
        background: url(../images/hs-7.jpg) bottom no-repeat;
        -webkit-background-size: 100% auto;
        background-size: 100% auto
    ;}

    .row-benke2 .g-tit {
        margin-bottom: 9.895vw
    ;}

    .newswph3 .swiper-container {
        margin: 0 2.343vw
    ;}

    .newswph3 .h-learnSwp1 .con {
        min-height: 12.7vw
    ;}

    .newswph3 .h-learnSwp1 .con:before {
        opacity: 0
    ;}

    .newswph3 .h-learnSwp1 .swiper-slide:hover .con:before {
        opacity: 1;
        background-image: url(../images/hs-13.jpg)
    ;}

    .newswph3 .swiper-button-prev {
        width: 2.5vw;
        height: 2.5vw;
        left: -1.562vw;
        border-radius: 50%;
        border: 1px solid #fff;
        background: url(../images/h-icon-prev2.png) center no-repeat;
        opacity: 1 !important
    ;}

    .newswph3 .swiper-button-next {
        width: 2.5vw;
        height: 2.5vw;
        right: -1.562vw;
        border-radius: 50%;
        border: 1px solid #fff;
        background: url(../images/h-icon-next2.png) center no-repeat;
        opacity: 1 !important
    ;}

    .newswph3 .con::after {
        content: '';
        right: 0;
        bottom: 0;
        width: 7.343vw;
        height: 9.739vw;
        background: url(../images/hs-8.png) no-repeat
    ;}

    .newswph3 .swiper-slide:hover .con::after {
        background-image: url(../images/hs-9.png)
    ;}

    .row-xsfz3 {
        padding: 3.125vw 0 4.166vw
    ;}

    .row-xsfz3 .g-tit {
        margin-bottom: 1.77vw
    ;}

    .m-download {
        background: #eef3f7;
        padding: 3.125vw 3.541vw 2.083vw
    ;}

    .downloadswph1.downloadswph1 {
        padding-bottom: 4.479vw
    ;}

    .downloadswph1 .swiperLearn-btns {
        width: 7.291vw;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0
    ;}

    .row-boshi1 {
        padding: 2.447vw 0
    ;}

    .row-boshi1 .g-tit {
        margin-bottom: 1.25vw
    ;}

    .ul-list3 {
        margin-top: 3.593vw
    ;}

    .ul-list3 li {
        -webkit-background-size: cover;
        background-size: cover;
        padding: 2.5vw 3.125vw
    ;}

    .ul-list3 .tit {
        line-height: 1.927vw;
        margin-bottom: 1.562vw;
        padding-bottom: 1.562vw;
        border-bottom: 1px solid rgba(140, 140, 140, .4)
    ;}

    .ul-list3 .desc {
        font-size: 1.041vw;
        line-height: 2;
        height: 6em;}

    .ul-list3 .tit h4 {
        padding-left: 2.083vw;
        font-size: 1.25vw;
        background: url(../images/hs-19.png) left center no-repeat
    ;}

    .ul-list3 .tit a {
        font-size: .833vw
    ;}

    .ul-list3 li:nth-child(1) {
        background-image: url(../images/hs-5.png)
    ;}

    .ul-list3 li:nth-child(2) {
        background-image: url(../images/hs-6.png)
    ;}
}

@media only screen and (max-width: 1199px) {
    .wp {
        width: auto;
        padding: 0 15px
    ;}

    .g-newsh1 .newswp1 {
        width: auto;
        float: none;
        margin-right: 0
    ;}

    .g-newsh1 {
        padding: 20px
    ;}

    .ul-list1hs .txt .tit {
        font-size: 18px;
        line-height: 1.6
    ;}

    .ul-list1hs .txt .desc {
        font-size: 14px;
        line-height: 1.6
    ;}

    .m-xsfz1link .pic {
        display: none
    ;}

    .m-xsfz1link .item {
        width: 100%;
        float: left
    ;}

    .m-xsfz1link .item1,
    .m-xsfz1link .item2 {
        margin-left: 0;
        margin-top: 0
    ;}

    .m-xsfz1new::after {
        display: none
    ;}

    .m-xsfz1new {
        padding: 30px 0
    ;}

    .newswph2.swiper-container {
        padding: 0 0 60px
    ;}

    .row-xsfz2,
    .row-xsfz3 {
        padding: 30px 0
    ;}

    .m-download {
        padding: 20px
    ;}

    .downloadswph1.downloadswph1 {
        padding-bottom: 70px
    ;}

    .ul-list3 .desc {
        font-size: 16px
    ;}

    .row-boshi1 {
        padding: 30px 0
    ;}

    .ul-list3 li {
        padding: 30px
    ;}

    .ul-list3 .tit h4 {
        font-size: 22px
    ;}

    .ul-list3 .tit {
        padding-bottom: 16px
    ;}

    .g-desch1 {
        font-size: 18px;
        padding-bottom: 30px
    ;}

    .newswph3 .swiper-button-next {
        right: 0
    ;}

    .newswph3 .swiper-button-prev {
        left: 0
    ;}

    .row-benke2 .g-tit {
        margin-bottom: 20px
    ;}

    .row-benke2 {
        padding-bottom: 1.56vw
    ;}

    .ul-list3 {
        margin-top: 30px
    ;}

    .g-desch1 br {
        display: none
    ;}

    .ul-list2hs .txt {
        padding: 60px 10px 0
    ;}

    .row-benke1 {
        padding-top: 30px
    ;}

    .newswph1 .pic .txt .time {
        font-size: 12px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 14px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 18px
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-xsfz1link .item {
        height: 200px;
        line-height: 200px
    ;}

    .g-desch1 {
        font-size: 16px;
        padding-bottom: 10px;
        line-height: 1.7
    ;}

    .ul-list3 li {
        width: auto;
        float: none
    ;}

    .ul-list3 li:nth-child(1) {
        background-image: none;
        background-color: #05559f
    ;}

    .ul-list3 li:nth-child(2) {
        background-image: none;
        background-color: #a41e23
    ;}

    .ul-list3 .desc {
        height: 6em
    ;}

    .newswph3 .h-learnSwp1 .con {
        min-height: 160px;
        border: 1px solid #eee
    ;}

    .ul-list2hs .txt .tit {
        margin-bottom: 10px;
        background: 0 0;
        padding-left: 0;
        font-size: 14px
    ;}

    .ul-list2hs .txt {
        height: 95px;
        padding-top: 40px
    ;}
    .ul-list2hs .txt .tit{
        line-height: 1.2;}
    .ul-list2hs .txt .more {
        font-size: 12px;
        display: none;}

    .ul-list3 .tit h4 {
        font-size: 18px
    ;}

    .row-benke2 {
        background: 0 0
    ;}

    .ul-list1hs .time {
        width: 60px;
        border-right: none;
        margin-right: 0;
        height: auto;
        padding-top: 0
    ;}

    .ul-list1hs .time .yh {
        font-size: 12px;
        line-height: 1.5
    ;}

    .ul-list1hs .time .day {
        font-size: 20px;
        margin-bottom: 0;
        line-height: 1.5
    ;}

    .ul-list1hs .txt .tit {
        margin-bottom: 0;
        font-size: 15px;
        padding-top: 4px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-list1hs .txt .desc {
        font-size: 12px
    ;}

    .ul-list1hs li {
        padding: 8px 0
    ;}

    .g-newsh1 {
        padding: 15px 15px 8px
    ;}

    .m-xsfz1link .item p {
        font-size: 22px;
        margin-left: 20px
    ;}

    .m-xsfz1link .item .ico {
        width: 80px;
        height: 80px
    ;}

    .m-xsfz1link .item {
        height: 140px;
        line-height: 140px
    ;}

    .g-desch1 {
        font-size: 14px;
        padding-bottom: 16px
    ;}

    .ul-list3 .desc {
        font-size: 14px;
        height: 6em;}

    .ul-list3 .tit h4 {
        font-size: 18px;
        -webkit-background-size: auto 20px;
        background-size: auto 20px;
        padding-left: 20px
    ;}

    .ul-list3 .tit a {
        font-size: 12px
    ;}

    .ul-list3 li {
        padding: 15px
    ;}

    .ul-list3 .tit {
        line-height: 28px;
        padding-bottom: 10px;
        margin-bottom: 16px
    ;}

    .row-benke2 {
        -webkit-background-size: cover;
        background-size: cover;
        background-position: left
    ;}

    .row-benke1 {
        padding-top: 20px
    ;}

    .row-boshi1,
    .row-xsfz2,
    .row-xsfz3 {
        padding: 20px 0
    ;}

    .ul-list2hs li {
        width: 50%
    ;}
    .ul-list2hs .pic .img-cover{
        width: 100%;
        height: 100%;}
}

.row-xyjj {
    overflow: hidden;
    padding-bottom: 5.21vw
;}

.row-xyjj .g-tit {
    margin-bottom: 1.88vw
;}

.m-xyjjinfo {
    margin-bottom: 3.1vw;
    overflow: hidden
;}

.m-xyjjinfo .pic {
    float: right;
    margin-left: 2.6vw;
    position: relative;
    margin-bottom: 1vw;
    margin-right: 1.88vw
;}

.m-xyjjinfo .pic img {
    display: block;
    width: 35.42vw;
    height: auto;
    position: relative;
    z-index: 1
;}

.m-xyjjinfo .pic::after {
    content: '';
    display: block;
    width: 35.42vw;
    height: 20.08vw;
    position: absolute;
    top: 1.88vw;
    right: -1.88vw;
    background: #00797c
;}

.m-xyjjinfo .desc {
    padding-top: .73vw;
    font-size: 1.04vw;
    color: #333;
    line-height: 2.2
;}

.m-xyjjinfo p {
    text-indent: 2em
;}

.m-xyjjimg {
    overflow: hidden;
    display: flex;
    justify-content: space-between
;}

.m-xyjjimg .item {
    width: 46%
;}

.m-xyjjimg .item .h-title1 {
    margin-bottom: 1vw
;}

.m-xyjjimg .img {
    position: relative;
    line-height: 15.63vw;
    overflow: hidden;
    text-align: center
;}

.m-xyjjimg .img::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../images/hs-68.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.m-xyjjimg .img::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: url(../images/hs-68.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.m-xyjjimg .img img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%
;}

@media only screen and (max-width: 1199px) {
    .m-xyjjinfo .pic::after {
        display: none
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-xyjjinfo .pic {
        width: 100%;
        float: none;
        margin: 0
    ;}

    .m-xyjjinfo .pic img {
    width: 80%;
        margin: 0 auto 10px
    ;}

    .m-xyjjinfo .desc {
        font-size: 16px;
        line-height: 1.8
    ;}

    .m-xyjjimg .item {
        width: 100%
    ;}

    .m-xyjjimg {
        display: block;
        margin-bottom: 2vw
    ;}
}

@media only screen and (max-width: 767px) {
    .m-xyjjinfo .pic::after {
        display: none
    ;}

    .m-xyjjinfo .desc {
        font-size: 16px
    ;}

    .m-xyjjimg .img {
        line-height: 160px
    ;}
}

.row-ldjy {
    overflow: hidden;}

.row-ldjy .g-tit {
    margin-bottom: 1.92vw
;}

.m-ldjy {
    padding-top: 4.9vw;
    overflow: hidden;
    position: relative
;}

.m-ldjy::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 4.9vw;
    width: 38.7vw;
    background: url(../images/hs-36.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-ldjy .box {
    background: #f3f7fa;
    clear: both;
    padding: 4.27vw 4.95vw 17.5vw 
;}

.m-ldjy .pic {
    margin-top: 3.7vw;
    float: left;
    width: 17.45vw;
    margin-right: 3.13vw;
    z-index: 3
;}

.m-ldjy .pic .name {
    text-align: center;
    font-size: 1.56vw;
    color: #024a9f;
    font-weight: 700 ;
    font-family: Arial;}

.m-ldjy .pic .name i {
 
    margin: 0 .78vw;}

.m-ldjy .pic .img {
    border-radius: .78vw;
    overflow: hidden;
    margin-bottom: 1.67vw
;}

.m-ldjy .pic .img img {
    display: block;
    width: 100%
;}

.m-ldjy .txt {
    overflow: hidden;}
.m-ldjy .txt .item{
    overflow: hidden;}
.m-ldjy .txt .item.bg{
    margin-bottom: 3.62vw;
     padding: 2.85vw 0 0;
     position: relative;}
.m-ldjy .txt .desc {
    position: relative;
    font-size: 1.12vw;
    line-height: 2;
    color: #335376;
    overflow: hidden;}
.m-ldjy .txt .bg .desc{
    line-height: 2.2;}
.m-ldjy .txt .bg .desc p{
    text-indent: 2em;} 
.m-ldjy .txt .tits{
    font-size: 1.88vw;
    color:#00797c;
    padding-bottom: 1.7vw;
   font-family: SourceHanSerifCN-Bold;
   background: url(../images/hs-s1.png) no-repeat bottom;
   -webkit-background-size: 100% auto;
   background-size: 100% auto;
   margin-bottom: 1.8vw;}
.m-ldjy .txt .bg::after {
    content: '';
    display: block;
    position: absolute;
    top: .1vw;
    left: 0;
    width: 5.31vw;
    height: 4.17vw;
    background: url(../images/hs-34.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-ldjy .txt .bg::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5.31vw;
    height: 4.17vw;
    background: url(../images/hs-35.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-ldjy .qm{
    float: right;
    margin-right:5.22vw;
    overflow: hidden;
    padding-top: 2vw;}
.m-ldjy .qm .nr{
    float: left;
    color:#024A9F;
    font-family: Arial;
    font-size: 1.25vw;
    line-height: 1.67;
    margin-right: 1.56vw;}
.m-ldjy .qm .img{
    width: 7.19vw;
    height: 4.22vw;
    overflow: hidden;
    background: url(../images/hs-s2.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}
@media only screen and (max-width: 1300px) {
    .m-ldjy .pic .name {
        font-size: 22px
    ;}

    .m-ldjy .txt {
        font-size: 16px
    ;}

    .m-ldjy .pic {
        position: static;
        width: 335px;
        float: none;
        margin: 0 auto
    ;}

    .m-ldjy::after {
        display: none
    ;}

    .m-ldjy {
        padding-top: 0
    ;}

    .m-ldjy .box {
        padding: 30px 24px 50px;}
}

@media only screen and (max-width: 400px) {
    .m-ldjy .pic {
        width: auto
    ;}
}

.row-xrld {
    overflow: hidden;
    padding-bottom: 1.5vw
;}

.row-xrld .g-tit {
    margin-bottom: 2.2vw
;}

.ul-lisths4 {
    overflow: hidden
;}

.ul-lisths4 li {
    overflow: hidden;
    font-size: 0;
    padding: 0 0 1.98vw;
    margin-bottom: 2.92vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-lisths4 li:last-child {
    background: 0 0
;}

.ul-lisths4 li .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.6vw;
    text-align: center
;}

.ul-lisths4 .tit {
    font-size: 1.25vw;
    line-height: 1.5;
    height: 3em;
    font-family: Arial;
    color: #333
;}

.ul-lisths4 .tit i {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 33px;
    margin: 0 15px;}

.ul-lisths4 .pic {
    width: 14.9vw;
    overflow: hidden;
    transition: all 1s;
    margin: 0 auto 2.29vw
;}

.ul-lisths4 .pic img {
    width: 100%;
    display: block
;}

@media only screen and (max-width: 767px) {
    /* .img-cover {
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       width: 36.85vw;
       height: 56.85vw;
       object-fit: cover;
    } */

    .m-ldjy .pic .name {
        font-size: 18px
    ;}

    .m-ldjy .box {
        padding: 30px 15px 50px;}

    .m-ldjy .pic .img {
        margin-bottom: 16px
    ;}

    .ul-lisths4 li .item {
        display: block;
        width: 100%;
        margin: 0 0 20px
    ;}

    .ul-lisths4 li {
        padding: 0;
        margin: 0;
        background: 0 0
    ;}

    .ul-lisths4 .pic {
        width: 286px;
        margin: 0 auto 15px
    ;}

    .ul-lisths4 .tit {
        font-size: 18px;
        height: auto
    ;}
    
}

.row-zzjg {
    overflow: hidden
;}

.row-zzjg .g-tit {
    margin-bottom: 2.3vw
;}

.m-zzjg .item {
    overflow: hidden;
    margin: 0 -5px
;}

.m-zzjg .title {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #eef3f7;
    margin-bottom: 3.13vw
;}

.m-zzjg .title::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-zzjg .title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-listh5 {
    overflow: hidden;
    padding: 3.13vw .26vw 3.39vw;
    margin: 0 -1.46vw;
    position: relative;
    background: url(../images/hs-70.png) top no-repeat;
    -webkit-background-size: 96% auto;
    background-size: 96% auto
;}

.ul-listh5 li {
    float: left;
    width: 25%;
    margin-bottom: 3.13vw
;}

.ul-listh5 .con {
    margin: 0 1.46vw;
    position: relative
;}

.ul-listh5 .v1 {
    padding: 0 1.46vw;
    line-height: 3.54vw;
    font-size: 1.04vw;
    color: #333;
    cursor: pointer;
    background: url(../images/hs-45.png) right 24px center no-repeat #FDF6F6
;}

.ul-listh5 .v1.on {
    color: #fff;
    background-image: url(../images/hs-48.png);
    background-color: #00797c
;}

.ul-listh5 .v1 i {
    display: inline-block;
    vertical-align: middle;
    width: .52vw;
    height: .52vw;
    margin-right: .63vw;
    background: url(../images/hs-46.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.ul-listh5 .sub {
    padding: 1.15vw 0 2.55vw;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 .52vw rgba(0, 0, 0, .15);
    z-index: 10;
    max-height: 8.75vw;
    overflow-y: auto;
    display: none
;}

.ul-listh5 .sub p {
    font-size: .94vw;
    line-height: 2.67;
    color: #666;
    padding: 0 2.6vw
;}

.ul-listh5 .sub::-webkit-scrollbar {
    width: 4px
;}

.ul-listh5 .sub::-webkit-scrollbar-track {
    background: 0 0
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb {
    background: #00797c
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb:window-inactive {
    background: #00797c
;}

@media only screen and (max-width: 767px) {
    .ul-listh5 li {
        width: 50%;
        margin-bottom: 32px
    ;}

    .ul-listh5 .v1 {
        line-height: 36px;
        font-size: 14px;
        -webkit-background-size: 4px 7px;
        background-size: 4px 7px;
        padding: 0 15px;
        background-position: right 10px center
    ;}

    .ul-listh5 .v1.on {
        -webkit-background-size: 7px 4px;
        background-size: 7px 4px
    ;}

    .ul-listh5 .v1 i {
        width: 5px;
        height: 5px
    ;}

    .m-zzjg .title {
        width: 200px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}

    .ul-listh5 .sub {
        max-height: 62px;
        padding: 0
    ;}

    .ul-listh5 .sub p {
        font-size: 12px;
        line-height: 2.5
    ;}

    .ul-listh5 {
        padding: 20px .26vw 30px
    ;}
}

@media only screen and (max-width: 450px) {
    .ul-listh5 li {
        width: auto;
        float: none;
        margin-bottom: 15px
    ;}

    .ul-listh5 .sub {
        position: static
    ;}
}

.row-xyxw .g-tit {
    margin-bottom: 2vw
;}

.ul-newhs1 {
    overflow: hidden;
    margin-bottom: 2vw
;}

.ul-newhs1 li {
    overflow: hidden;
    background-color: #fff
;}

.ul-newhs1 li .con {
    display: block;
    padding: 2.08vw;
    overflow: hidden;
    position: relative
;}

.ul-newhs1 li:hover {
    /*background: url(../images/hs-49.jpg) no-repeat;*/
	background:linear-gradient(201deg,#088e91,#048083 35%,#005e60 78%);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    top: -.21vw
;}

.ul-newhs1 li .con:hover::after {
    display: none
;}

.ul-newhs1 li .con::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 2.08vw;
    right: 2.08vw;
    width: 100%;
    height: .21vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-newhs1 .pic {
    position: relative;
    height: 12.5vw;
    width: 18.75vw;
    float: left;
    overflow: hidden;
    margin-right: 1.98vw;
    transition: all .3s
;}

.ul-newhs1 li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.ul-newhs1 .txt {
    overflow: hidden;
    padding-top: .89vw
;}

.ul-newhs1 .time {
    font-size: .83vw;
    line-height: 1.67vw;
    color: #00797c;
    margin-bottom: .52vw;
    font-family: SourceHanSerifCN-Regular
;}

.ul-newhs1 .time span {
    margin-right: .52vw;
    font-size: 1.35vw;
    font-family: SourceHanSerifCN-Bold
;}

.ul-newhs1 .tit {
    color: #333;
    font-size: 1.04vw;
    font-weight: 400;
    margin-bottom: 1.41vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-newhs1 .desc {
    color: #8d8b8b;
    font-size: .83vw;
    line-height: 2.25;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
;}

.ul-newhs1 li:hover .time,
.ul-newhs1 li:hover .tit {
    color: #fff
;}

.ul-newhs1 li:hover .desc {
    color: rgba(255, 255, 255, .8)
;}

.ul-newhs1 li:last-child .con::after {
    display: none
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs1 .pic {
        width: 180px;
        height: 120px
    ;}

    .ul-newhs1 .desc {
        font-size: 12px;
        line-height: 2
    ;}

    .ul-newhs1 .tit {
        font-size: 16px;
        margin-bottom: 4px
    ;}

    .ul-newhs1 .time {
        font-size: 12px;
        margin-bottom: 10px
    ;}

    .ul-newhs1 .time span {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs1 .pic {
        width: auto;
        float: none;
        margin-right: 0;
        padding-top: 67%;
        margin-bottom: 15px
    ;}

    .ul-newhs1 li .con {
        padding: 15px 0
    ;}

    .ul-newhs1 li {
        border-bottom: 1px dashed #eee
    ;}

    .ul-newhs1 li:last-child {
        border-bottom: none
    ;}

    .ul-newhs1 li .con::after {
        display: none
    ;}

    .ul-newhs1 {
        margin-bottom: 10px
    ;}
}

.ul-newhs2.h-newsLs2 {
    margin: 0 -1.67vw 1.04vw;
    overflow: hidden
;}

.ul-newhs2.h-newsLs2 li {
    width: 50%;
    float: left;
    margin-bottom: 3.13vw
;}

.ul-newhs2.h-newsLs2 li .con {
    margin: 0 1.67vw;
    background: #f2f8fa;
    min-height: 120px;
    padding-right: 6.25vw;
    padding-left: 2.08vw;
    position: relative
;}

.ul-newhs2.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-newhs2 .ico {
    position: absolute;
    right: 40px;
    bottom: 36px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(../images/h-icon-next2.png) center center no-repeat;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-newhs2 li:hover .ico {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1
;}

.ul-newhs2.h-newsLs2 .tit {
    font-size: 1.04vw;
    line-height: 1.8;
    color: #2c2c2c
;}

.row-tzgg .g-tit {
    margin-bottom: 2.7vw
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-newhs2.h-newsLs2 li {
        width: auto;
        float: none
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}

    .ul-newhs2.h-newsLs2 li .con {
        padding: 15px
    ;}
}

.row-djzzjg .g-tit {
    margin-bottom: 2.3vw
;}

.row-djzzjg .g-title {
    overflow: hidden;
    margin-bottom: 2vw
;}

.row-djzzjg .titles {
    overflow: hidden
;}

.row-djzzjg .titles .tit {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #fff6f6
;}

.row-djzzjg .titles .tit::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-djzzjg .titles .tit::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.row-djzzjg .titles .ico {
    margin: 0 auto;
    width: 52px;
    height: 39px;
    background: url(../images/hs-53.jpg) no-repeat
;}

.m-djzzjg1 {
    overflow: hidden;
    margin-bottom: 5vw
;}

.m-djzzjg1 .ul-list3 {
    margin-top: 3vw
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) {
    background-image: url(../images/hs-49.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .tit h4 {
    color: #444;
    background-image: url(../images/hs-33.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .desc {
    color: #333
;}

.m-djzzjg2 .titles {
    margin-bottom: 0
;}

.ul-lisths6 {
    overflow: hidden;
    position: relative;
    padding: 4.43vw 0 4vw;
    margin-bottom: 7.81vw
;}

.ul-lisths6::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    height: 100%;
    width: 3px;
    background: url(../images/hs-54.jpg) repeat-y
;}

.ul-lisths6 li {
    width: 50%
;}

.ul-lisths6 li:nth-child(even) {
    margin-left: 50%;
    overflow: hidden;
    padding-left: 40px
;}

.ul-lisths6 li:nth-child(odd) .tit {
    float: right;
    margin-left: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(even) .tit {
    float: left;
    margin-right: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(1) .tit {
    padding-top: 0vw;
    position: relative;
    top: -.83vw
;}

.ul-lisths6 li:nth-child(odd) {
    padding-left: 6.46vw;
    padding-right: 2.29vw
;}

.ul-lisths6 li .info {
    overflow: hidden
;}

.ul-lisths6 li .info .ico {
    height: .21vw;
    background: url(../images/hs-51.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1.2vw
;}

.ul-lisths6 li .info .ss {
    color: #333;
    font-size: 1.25vw;
    margin-bottom: .94vw
;}

.ul-lisths6 li .desc {
    overflow: hidden
;}

.ul-lisths6 li .desc p {
    float: left;
    width: 50%;
    font-size: 1.04vw;
    color: #666;
    margin-bottom: 1.2vw;
    padding-left: 22px;
    line-height: 2;
    background: url(../images/hs-52.png) left center no-repeat
;}

.ul-lisths6 li .desc p:hover a {
    opacity: .5
;}

.ul-lisths6 li .tit {
    color: #333;
    font-size: 1.25vw;
    font-weight: 700
;}

.ul-lisths6 li:nth-child(odd) .ss {
    padding-right: 18px
;}

.ul-lisths6 li:nth-child(even) .ss {
    padding-left: 18px
;}

.tar {
    text-align: right
;}

.tal {
    text-align: left
;}

@media only screen and (max-width: 1199px) {
    .ul-lisths6 li .tit {
        font-size: 18px
    ;}

    .ul-lisths6 li .desc p {
        font-size: 14px
    ;}

    .ul-lisths6 li .info .ss {
        font-size: 18px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-lisths6 li {
        width: 100%
    ;}

    .ul-lisths6 li:nth-child(even) .tit {
        float: none
    ;}

    .ul-lisths6 li:nth-child(even) {
        width: auto;
        float: none;
        margin-left: 0
    ;}

    .m-djzzjg1 .ul-list3 li:nth-child(1) {
        background-image: none;
        background-color: #fcf8f8
    ;}

    .ul-lisths6 li:nth-child(1) .tit {
        position: static
    ;}

    .ul-lisths6 li:nth-child(odd) .tit {
        float: none;
        margin-bottom: 6px;
        padding-left: 0;
        margin-left: 0
    ;}

    .ul-lisths6 li .tit {
        margin-bottom: 6px
    ;}

    .ul-lisths6::after {
        display: none
    ;}

    .ul-lisths6 li .info .ss.tar {
        text-align: left
    ;}

    .ul-lisths6 li:nth-child(even),
    .ul-lisths6 li:nth-child(odd) {
        padding: 0
    ;}

    .ul-lisths6 li:nth-child(even) .ss {
        padding-left: 0
    ;}

    .row-djzzjg .titles .tit {
        width: 260px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths6 li .info .ss {
        font-size: 16px;
        padding-top: 0
    ;}
}

.row-szdw .g-tit {
    margin-bottom: 2.3vw
;}

.m-jiansuo {
    overflow: hidden;
    background: #f6f6f6;
    padding: .68vw 2.5vw .36vw;
    margin-bottom: 3.13vw
;}

.m-jiansuo .item {
    overflow: hidden;
    padding: 1.73vw 0;
    background: url(../images/hs-55.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-jiansuo .item:last-child {
    background: 0 0
;}

.m-jiansuo .item .fs {
    float: left;
    width: 7vw;
    color: #333;
    font-size: 1.04vw;
    line-height: 2vw;}

.m-jiansuo .item .info {
    overflow: hidden
;}

.m-jiansuo .item .info.flx {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
;}

.m-jiansuo .item .info.flx span {
    margin-right: 0
;}

.m-jiansuo .item .info span {
     font-size: .83vw;
    color: #666;
    padding: 0 .6vw;
    cursor: pointer;
    border-radius: 1vw;
     line-height: 2vw;
     display: inline-block;}

.m-jiansuo .item .info span.on {
     background: #00797c;
    color:#fff;}
.row-szdw{
    overflow: hidden;}
.ul-lisths7 {
    margin: 0 -.5vw 1.04vw;
    overflow: hidden;
    font-size: 0;}

.ul-lisths7 li {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 1vw
;}

.ul-lisths7 .con {
    display: block;
    overflow: hidden;
    margin: 0 .5vw;
    border: 1px solid #e1e1e1;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 0 1.56vw;
    padding: 1vw;
    position: relative;
    transition: all .3s
;}

.ul-lisths7 .pic {
    float: left;
    width: 5.28vw;
    height: 7.05vw;
    overflow: hidden;
    position: relative;
    margin-right: 1.34vw;
    border-radius: 1.56vw 0;}

.ul-lisths7 .txt {
    overflow: hidden;
    padding-top: .31vw;
    font-family: Arial
;}

.ul-lisths7 .tit {
    font-size: 1.25vw;
    color: #333;
    margin-bottom: .36vw
;}

.ul-lisths7 .desc {
    font-size: .94vw;
    color: #b92a2d;
    padding-bottom: .73vw;
    background: url(../images/hs-56.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1vw;
    overflow: hidden;}

.ul-lisths7 .info {
    font-size: .83vw;
    color: #9e9e9e;
    line-height: 1.88;
    margin-bottom: .94vw;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
;}

.ul-lisths7 .btn {
    width: 1.5vw;
    height: 1.5vw;
    border: 1px solid rgba(5, 85, 159, .48);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 6px auto;
    background-size: 6px auto;
    background-image: url(../images/h-icon-next3.png)
;}

.ul-lisths7 .db {
    position: absolute;
    right: 1.04vw;
    bottom: 0;
    width: 7.66vw;
    height: 10.05vw;
    background: url(../images/hs-69.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-lisths7 li:hover .con {
    border: 1px solid #e1e1e1;
    background: linear-gradient(233deg, #0a92dc -34%, #0051a2 48%)
;}

.ul-lisths7 li:hover .desc,
.ul-lisths7 li:hover .tit {
    color: #fff
;}

.ul-lisths7 li:hover .desc {
    background-image: url(../images/hs-57.png)
;}

.ul-lisths7 li:hover .info {
    color: rgba(255, 255, 255, .68)
;}

.ul-lisths7 li:hover .btn {
    border-color: #fff;
    background-image: url(../images/h-icon-playbtn1.png)
;}

@media only screen and (max-width: 1023px) {
    .ul-lisths7 li {
        width: 50%;}
    .ul-lisths7 .con{
        border-radius: 0px;}
    .ul-lisths7 .tit {
        font-size: 20px
    ;}

    .m-jiansuo .item {
        line-height: 2;
        margin-bottom: 10px;
        padding: 10px 0;}

    .m-jiansuo .item .info span {
        font-size: 14px;
        padding: 0 10px;
        line-height: 1.8;}

    .m-jiansuo .item .fs {
        font-size: 16px;
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;}

    .ul-lisths7 .desc {
        font-size: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px
    ;}

    .ul-lisths7 .info {
        font-size: 13px
    ;}

    .ul-lisths7 .btn {
        width: 24px;
        height: 24px
    ;}

    .ul-lisths7 .pic {
        width: 150px;
        height: 200px;
        border-radius: 10px;
        overflow: hidden;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths7 .pic {
        float: none;
        margin: 0 auto;}

    .m-jiansuo,
    .ul-lisths7 .con {
        padding: 10px
    ;}

    .ul-lisths7 .db {
        width: 73.5px;
        height: 96px
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-jiansuo .item .info.flx {
        display: block
    ;}

    .m-jiansuo .item .info.flx span {
        width: 14%;
        float: left;
        text-align: center
    ;}

    .m-jiansuo .item .info span {
        font-size: 12px
    ;}
}

.row-mba1 {
    overflow: hidden;
    padding: 2.4vw 0 1vw
;}

.row-mba1 .g-tit {
    margin-bottom: .7vw
;}

.m-mbatxt1 .desc {
    text-align: center;
    color: #333;
    font-size: 1.04vw;
    line-height: 2;
    margin-bottom: 1vw
;}

.m-mbatxt1 .desc span {
    color: #00797c
;}

.m-mbatxt1 .desc span em {
    font-style: normal;
    font-family: Impact;
    font-weight: 400;
    font-size: 1.35vw;
    margin: 0 .26vw
;}

.m-mbatxt1 .jiantou1 {
    margin: 0 auto .95vw;
    width: 2.71vw;
    height: 2.03vw;
    background: url(../images/hs-53.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-mbatxt1 .title {
    text-align: center;
    margin-bottom: 1.2vw;
    font-size: 1.88vw;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold
;}

.ul-lisths8 {
    overflow: hidden;
    position: relative
;}

.ul-lisths8::after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 3px;
    background: url(../images/hs-67.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.ul-lisths8 li {
    width: 33.33%;
    float: left;
    text-align: center;
    cursor: pointer
;}

.ul-lisths8 .ico {
    margin: 0 auto 3.2vw;
    border-radius: 50%;
    transition: all .3s;
    width: 26px;
    height: 26px;
    line-height: 20px;
    border: 1px solid transparent
;}

.ul-lisths8 li:hover .ico {
    border-color: #00797c
;}

.ul-lisths8 .ico i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #00797c;
    border-radius: 50%
;}

.ul-lisths8 .tit {
    font-size: 1.04vw;
    color: #333
;}

.row-mba2 {
    overflow: hidden;
    background: url(../images/hs-60.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8.1vw 0 11.2vw
;}

.row-mba2 .g-tit {
    margin-bottom: 2.2vw
;}

.g-tit .more.white {
    color: #fff;
    background-image: url(../images/hs-66.png)
;}

.g-tit .more.white:hover {
    opacity: .5
;}

.row-mba2 .firstnews {
    width: 35.99vw;
    float: left;
    margin-right: 2.34vw
;}

.m-mbabox1 {
    overflow: hidden;
    background: #fff;
    padding: 2.5vw 3.13vw 1.88vw
;}

.m-mbabox1 .firstnews .pic {
    position: relative;
    height: 0;
    padding-top: 61%;
    margin-bottom: 1.04vw;
    transition: all .3s;
    overflow: hidden
;}

.m-mbabox1 .firstnews:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.m-mbabox1 .firstnews:hover .tit {
    color: #034e5e
;}

.m-mbabox1 .firstnews .tit {
    font-size: .94vw;
    line-height: 1.78;
    color: #333;
    margin-bottom: .52vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.m-mbabox1 .firstnews .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2
;}

.ul-mbanewslist.h-newsLs2 {
    overflow: hidden
;}

.ul-mbanewslist.h-newsLs2 li {
    border-bottom: 1px solid #dadada;
    margin-bottom: 0
;}

.ul-mbanewslist.h-newsLs2 li .con {
    min-height: 7.08vw
;}

.ul-mbanewslist.h-newsLs2 li:last-child {
    border-bottom: none
;}

.ul-mbanewslist.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-mbanewslist.h-newsLs2 .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-mbanewslist.h-newsLs2 .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.row-mba3 {
    overflow: hidden;
    margin-top: -7vw;
    position: relative;
    z-index: 1;
    padding-top: 5vw;
    background: url(../images/hs-63.png) top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-mba3 .g-tit {
    margin-bottom: 1.3vw
;}

.row-mba3::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 7.29vw;
    width: 50.05vw;
    height: 24.38vw;
    z-index: 1;
    background: linear-gradient(237deg, #0a92dc 19%, #0051a2 80%)
;}

.row-mba3 .pic1 {
    position: absolute;
    right: 0;
    bottom: 12.19vw;
    width: 50%;
    height: 31.25vw;
    display: block;
    z-index: 3;
    transition: all .3s;
    overflow: hidden
;}

.row-mba3 .pic1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.row-mba3 .pictit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1.77vw 1.98vw;
    z-index: 2;
    color: #fff;
    font-size: 1.35vw
;}

.row-mba3 .picbg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14.17vw;
    background: url(../images/hs-65.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.row-mba3 .pic2 {
    width: 38.33vw;
    height: 24.53vw;
    position: absolute;
    bottom: 0;
    left: 3.5vw;
    overflow: hidden;
    display: block;
    transition: all .3s
;}

.row-mba3 .pic1:hover .pictit,
.row-mba3 .pic2:hover .pictit {
    opacity: .5
;}

.m-mabsixiang {
    height: 43.44vw;
    position: relative;
    padding-top: 6.72vw;
    z-index: 2
;}

.m-mabsixiang .item.t3 {
    position: absolute;
    bottom: 0;
    left: 41.7vw
;}

.m-mabsixiang .item.t1 {
    margin-left: 11.9vw
;}

.m-mabsixiang .item {
    width: 14.9vw;
    height: 12.19vw;
    text-align: center;
    padding-top: 2.08vw;
    float: left;
    color: #fff;
    font-size: 1.25vw
;}

.m-mabsixiang .item a {
    display: block;
    width: 100%;
    height: 100%
;}

.m-mabsixiang .item:hover {
    color: rgba(255, 255, 255, .5)
;}

.m-mabsixiang .item .ico {
    height: 5.21vw;
    width: 5.21vw;
    margin: 0 auto 1.46vw
;}

.m-mabsixiang .item .ico svg {
    display: block;
    width: 100%;
    height: 100%
;}

.row-mba4 {
    overflow: hidden;
    position: relative;
    margin-top: -12.29vw;
    padding: 15.63vw 0 3.33vw;
    background: url(../images/hs-59.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-tabhs1 {
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 2.2vw
;}

.ul-tabhs1::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d8d8d8
;}

.ul-tabhs1 li {
    display: inline-block;
    margin: 0 5.5vw;
    position: relative;
    padding-bottom: 2.28vw;
    cursor: pointer
;}

.ul-tabhs1 li.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 36px;
    z-index: 2;
    background: url(../images/hs-64.png) no-repeat
;}

.row-mba5 {
    overflow: hidden;
    background: url(../images/hs-58.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1.46vw 0 3.39vw
;}

.row-mba5 .g-tit {
    margin-bottom: 2.05vw
;}

.ul-tabhs2 {
    overflow: hidden;
    text-align: center;
    margin-bottom: 2vw
;}

.ul-tabhs2 li {
    display: inline-block;
    cursor: pointer
;}

.ul-tabhs2 .con {
    width: 10.42vw;
    height: 3.13vw;
    border-radius: 4.69vw;
    text-align: center;
    line-height: 3.02vw;
    font-size: 1.25vw;
    margin: 0 .78vw;
    color: #333;
    border: 1px solid rgba(168, 29, 32, .4);
    font-family: SourceHanSerifCN-Bold
;}

.ul-tabhs2 li.active .con {
    background: #00797c;
    color: #fff
;}

@media only screen and (max-width: 1199px) {
    .row-mba3::after {
        display: none
    ;}

    .row-mba3 .pic1 {
        position: relative;
        float: left;
        top: 0;
        right: 0
    ;}

    .m-mabsixiang {
        width: 50%;
        float: left;
        height: 31.25vw;
        padding-top: 0
    ;}

    .m-mabsixiang .item.t3 {
        position: static
    ;}

    .m-mabsixiang .item {
        float: left;
        width: 33.33%
    ;}

    .m-mabsixiang .item.t1 {
        margin-left: 0
    ;}

    .row-mba3 .pic2 {
        width: auto;
        position: relative;
        clear: both;
        height: 19.06vw;
        left: 0
    ;}

    .row-mba4 {
        padding-top: 2vw;
        margin-top: 0
    ;}

    .row-mba3 {
        padding-top: 2vw;
        margin-top: 0;
        background-image: none
    ;}

    .row-mba2 {
        padding: 7vw 0 3vw
    ;}

    .row-mba2 .firstnews {
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 16px
    ;}

    .m-mbabox1 .firstnews .tit {
        font-size: 18px
    ;}

    .m-mbabox1 .firstnews .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 20px
    ;}

    .ul-lisths8 .tit {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc br {
        display: none
    ;}

    .m-mbatxt1 .title {
        font-size: 20px
    ;}

    .g-tit .more {
        width: 104px;
        height: 32px;
        font-size: 16px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        top: 30px
    ;}

    .downloadswph1 .swiperLearn-btns>div,
    .newswph2 .swiperLearn-btns>div {
        width: 48px;
        height: 48px
    ;}

    .ul-mbanewslist.h-newsLs2 li .con {
        padding: 10px 0
    ;}

    .newswph3 .swiper-button-next {
        border-color: #05559f;
        background-image: url(../images/h-icon-next3.png)
    ;}

    .newswph3 .swiper-button-prev {
        border-color: #05559f;
        background-image: url(../images/h-icon-prev3.png)
    ;}

    .downloadswph1 .swiperLearn-btns,
    .newswph2 .swiperLearn-btns {
        width: 128px
    ;}

    .m-xsfz1link .item p {
        font-size: 18px
    ;}

    .newswph2 .con .desc {
        font-size: 14px;
        line-height: 1.5
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

.g-snv {
    margin-top: -35px;
    position: relative;
    z-index: 2
;}

.g-snv::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background-color: #00797c;
    z-index: -1
;}

.g-snv ul {
    position: relative;
    z-index: 2
;}

.g-snv ul::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    width: 1732px;
    background-image: url(../images/jl-bg01.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    z-index: -1
;}

.g-snv li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 88px;
    position: relative
;}

.g-snv li:last-child {
    margin-right: 0
;}

.g-snv .v1 {
    display: block;
    line-height: 88px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    position: relative
;}

.g-snv .v1::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 26px;
    height: 12px;
    margin-left: -13px;
    background-image: url(../images/jl-i04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .v1::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 8px;
    margin-left: -8px;
    background-image: url(../images/jl-i05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .on .v1,
.g-snv .v1:hover {
    font-weight: 700
;}

.g-snv .on a::after,
.g-snv .on a::before {
    opacity: 1
;}

.g-snv .arr {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 20px;
    margin-top: -10px;
    margin-left: 4px;
    line-height: 12px;
    text-align: center;
    display: none
;}

.g-snv .arr i {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
;}

.g-snv .sub {
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform: translateX(-50%);
    z-index: 2;
    display: none
;}

.g-snv .v2 {
    display: block;
    font-size: 18px;
    line-height: 2.5;
    padding: 0 15px;
    white-space: nowrap;
    color: #666;
    text-align: center;
    transition: .3s
;}

.g-snv .v2:hover {
    background-color: #00797c;
    color: #fff
;}

.g-cur {
    padding: 60px 0 45px;
    text-align: right;
    font-size: 16px;
    color: #666;
    line-height: 2
;}

.g-cur a,
.g-cur i,
.g-cur p,
.g-cur span {
    display: inline-block;
    vertical-align: middle;
    transition: .3s
;}

.g-cur i {
    font-size: 0;
    width: 20px;
    margin-right: 12px;
    line-height: 1
;}

.g-cur a:hover {
    color: #00797c
;}

.g-cur span {
    margin: 0 5px
;}

.g-pages {
    text-align: center;
    margin-bottom: 80px
;}

.g-pages li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
;}

.g-pages a {
    display: block;
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    min-width: 50px;
    padding: 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    transition: .3s
;}

.g-pages .on a,
.g-pages a:hover {
    color: #fff;
    background-color: #00797c
;}
.g-pages span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;}
.jl-main {
    overflow: hidden
;}

.jl-about1 {
    border-top: 4px solid #00797c;
    background: #fcf8f8;
    padding: 60px 100px 80px;
    overflow: hidden
;}

.jl-about1 .topbox {
    text-align: center;
    padding-bottom: 34px;
    border-bottom: 1px dashed #c4abab;
    position: relative;
    margin-bottom: 40px
;}

.jl-about1 .topbox::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .topbox::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .bigtit {
    font-size: 24px;
    color: #333;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 40px
;}

.jl-about1 .titsub {
    font-size: 18px;
    color: #868686
;}

.jl-about1 .desc {
    font-size: 20px;
    color: #333;
    line-height: 2;
    text-indent: 2em
;}

.jl-about1 .img {
    text-align: center;
    font-size: 0;
    margin: 60px 0 100px
;}

.jl-about1 .img img {
    margin-bottom: 40px
;}

.jl-about1 .img img:last-child {
    margin-bottom: 0
;}

.jl-about1 .img:last-child {
    margin-bottom: 0
;}

.jl-prevnext {
    padding: 60px 0;
    overflow: hidden
;}

.jl-prevnext a {
    display: block;
    font-size: 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    transition: .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.jl-prevnext a:hover {
    color: #1557a7;
    text-decoration: underline
;}

.jl-prevnext .prev {
    margin-bottom: 18px;
    background-image: url(../images/jl-i02.png)
;}

.jl-prevnext .next {
    background-image: url(../images/jl-i03.png)
;}

.jl-new1 {
    margin: 8px -27px 47px;
    font-size: 0
;}

.jl-new1 li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%
;}

.jl-new1 .con {
    display: block;
    padding: 33px 27px;
    position: relative;
    z-index: 2;
    overflow: hidden
;}

.jl-new1 .con::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/jl-bg02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .3s
;}

.jl-new1 .con:hover::after {
    opacity: 1
;}

.jl-new1 .pic {
    display: block;
    border-radius: 10px;
    margin-bottom: 19px;
    overflow: hidden
;}

.jl-new1 .img {
    padding-top: 72.14%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .3s
;}

.jl-new1 .con:hover .img {
    transform: scale(1.08)
;}

.jl-new1 .desc {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #333;
    height: 64px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    transition: .3s
;}

.jl-new1 .con:hover .desc {
    color: #fff
;}

.jl-new1 .date {
    text-align: right;
    font-size: 16px;
    line-height: 32px;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold;
    transition: .3s
;}

.jl-new1 .con:hover .date {
    color: #fff
;}

.jl-new1 .date span {
    font-size: 26px;
    margin-right: 5px
;}

@media only screen and (min-width: 1200px) {
    .g-snv {
        margin-top: -1.822vw
    ;}

    .g-snv ul::after {
        width: 90.2vw
    ;}

    .g-snv li {
        margin-right: 4.583vw
    ;}

    .g-snv .v1 {
        line-height: 4.583vw;
        font-size: 1.041vw
    ;}

    .g-snv .v1::before {
        bottom: .416vw;
        width: 1.354vw;
        height: .625vw;
        margin-left: -.677vw
    ;}

    .g-snv .v1::after {
        width: .833vw;
        height: .416vw;
        margin-left: -.416vw
    ;}

    .g-snv .v2 {
        font-size: .937vw;
        padding: 0 .781vw
    ;}

    .g-cur {
        padding: 3.125vw 0 2.343vw;
        font-size: .833vw
    ;}

    .g-cur i {
        width: 1.041vw;
        margin-right: .625vw
    ;}

    .g-cur span {
        margin: 0 .26vw
    ;}

    .g-pages {
        margin-bottom: 4.166vw
    ;}
    .g-pages li {
        margin: 0 0.520vw
    ;}
    .g-pages span{
        font-size: 0.937vw;}
    .g-pages a {
        line-height: 2.5vw;
        border-radius: 0.104vw;
        min-width: 2.604vw;
        padding: 0 0.520vw;
        font-size: 0.937vw;}

    .jl-about1 {
        border-top: solid #00797c;
        padding: 3.125vw 5.208vw 4.166vw
    ;}

    .jl-about1 .topbox {
        padding-bottom: 1.77vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .topbox::before {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .topbox::after {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .bigtit {
        font-size: 1.25vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .titsub {
        font-size: .937vw
    ;}

    .jl-about1 .desc {
        font-size: 1.041vw
    ;}

    .jl-about1 .img {
        margin: 3.125vw 0 5.208vw
    ;}

    .jl-about1 .img img {
        margin-bottom: 2.083vw
    ;}

    .jl-prevnext {
        padding: 3.125vw 0
    ;}

    .jl-prevnext a {
        font-size: 1.041vw;
        padding-left: 1.562vw;
        background-size: 1.041vw
    ;}

    .jl-prevnext .prev {
        margin-bottom: .937vw
    ;}

    .jl-new1 {
        margin: .416vw -1.406vw 2.447vw
    ;}

    .jl-new1 .con {
        padding: 1.718vw 1.406vw
    ;}

    .jl-new1 .pic {
        border-radius: .52vw;
        margin-bottom: .989vw
    ;}

    .jl-new1 .desc {
        font-size: .937vw;
        line-height: 1.666vw;
        height: 3.333vw
    ;}

    .jl-new1 .date {
        font-size: .833vw;
        line-height: 1.666vw
    ;}

    .jl-new1 .date span {
        font-size: 1.354vw;
        margin-right: .26vw
    ;}
}

@media screen and (max-width: 1200px) {
    .g-snv {
        margin-top: 0;
        background-color: #00797c
    ;}

    .g-snv ul::after {
        width: 1200px
    ;}

    .g-snv li {
        margin-right: 15px
    ;}

    .g-snv .v1 {
        font-size: 14px;
        line-height: 50px
    ;}

    .g-snv .v1::before {
        width: 13px;
        height: 6px;
        margin-left: -7px;
        bottom: 4px
    ;}

    .g-snv .v1::after {
        width: 8px;
        height: 4px;
        margin-left: -4px
    ;}

    .g-snv .arr {
        display: block
    ;}

    .g-snv .v2 {
        font-size: 14px
    ;}

    .g-cur {
        text-align: left;
        padding: 20px 0;
        font-size: 14px
    ;}

    .g-cur i {
        font-size: 0;
        width: 15px;
        margin-right: 5px
    ;}

    .g-pages {
        margin-bottom: 12px
    ;}

    .g-pages li {
        margin: 0 4px 8px
    ;}

    .g-pages a {
        padding: 0 5px;
        min-width: 35px;
        line-height: 33px;
        font-size: 12px;}
    .g-pages span{
        font-size: 12px;
        margin-top: -4px;}

    .jl-about1 {
        padding: 30px 15px;
        border-width: 2px
    ;}

    .jl-about1 .topbox {
        padding-bottom: 15px;
        margin-bottom: 15px
    ;}

    .jl-about1 .bigtit {
        font-size: 18px;
        margin-bottom: 15px
    ;}

    .jl-about1 .desc,
    .jl-about1 .titsub {
        font-size: 14px
    ;}

    .jl-about1 .img {
        margin: 20px 0
    ;}

    .jl-about1 .img img {
        margin-bottom: 15px
    ;}

    .jl-prevnext {
        padding: 20px 0
    ;}

    .jl-prevnext a {
        font-size: 14px;
        background-size: 13px;
        padding-left: 20px
    ;}

    .jl-prevnext .prev {
        margin-bottom: 10px
    ;}

    .jl-new1 {
        margin: 10px 0
    ;}

    .jl-new1 .con {
        padding: 15px
    ;}

    .jl-new1 .pic {
        border-radius: 8px;
        margin-bottom: 10px
    ;}

    .jl-new1 .desc {
        font-size: 14px;
        line-height: 30px;
        height: 60px
    ;}

    .jl-new1 .date {
        font-size: 14px;
        line-height: 28px
    ;}

    .jl-new1 .date span {
        font-size: 18px
    ;}

    .jl-txt1 {
        display: none
    ;}
}

@media screen and (max-width: 750px) {
    .jl-new1 li {
        width: 50%
    ;}
}

@media screen and (max-width: 400px) {
    .jl-new1 li {
        width: 100%
    ;}
}

.jl-txt1 {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2
;}

.jl-txt1.hide {
    display: none
;}

.jl-txt1 li {
    position: absolute;
    top: 0;
    left: 2%;
    transform: translateY(-50%);
    font-size: 40px;
    white-space: nowrap;
    writing-mode: vertical-lr;
    font-family: SourceHanSerifCN-Bold;
    color: #00797c;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .3s
;}

.jl-txt1 li:nth-child(even) {
    left: auto;
    right: 2%
;}

.jl-txt1 li.on {
    opacity: 1;
    visibility: visible
;}

@media only screen and (min-width: 1200px) {

    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}

.newswph3 .swiper-button-next {
    border-color: #05559f;
    background-image: url(../images/h-icon-next3.png)
;}

.newswph3 .swiper-button-prev {
    border-color: #05559f;
    background-image: url(../images/h-icon-prev3.png)
;}

.downloadswph1 .swiperLearn-btns,
.newswph2 .swiperLearn-btns {
    width: 6.67vw
;}

.m-xsfz1link .item p {
    font-size: 0.94vw
;}

.newswph2 .con .desc {
    font-size: 14px;
    line-height: 1.5
;}


@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
  
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

@media only screen and (min-width: 1920px) and (max-width:2560px) {
    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}



@media only screen and (max-width: 1300px) {
.ul-mbanewslist.h-newsLs2 .desc{font-size: 12px;}
.downloadswph1 .swiperLearn-btns, .newswph2 .swiperLearn-btns{width: 128px;}
.ban .tit{font-size: 20px;}
.m-ldjy .txt .desc{font-size: 16px;}
.m-ldjy .qm .nr{font-size: 16px;}
.m-ldjy .qm{margin-right: 10%;}
.m-ldjy .qm .img{width: 69px;height: 40px;}
.m-ldjy .txt .tits{font-size: 20px;}
.m-ldjy .txt .item.bg{padding: 0;}
.m-ldjy .txt .bg::before,.m-ldjy .txt .bg::after{display: none;}
}5.31vw;
    height: 4.17vw;
    background: url(../images/hs-35.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.m-ldjy .qm{
    float: right;
    margin-right:5.22vw;
    overflow: hidden;
    padding-top: 2vw;}
.m-ldjy .qm .nr{
    float: left;
    color:#024A9F;
    font-family: Arial;
    font-size: 1.25vw;
    line-height: 1.67;
    margin-right: 1.56vw;}
.m-ldjy .qm .img{
    width: 7.19vw;
    height: 4.22vw;
    overflow: hidden;
    background: url(../images/hs-s2.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;}
@media only screen and (max-width: 1300px) {
    .m-ldjy .pic .name {
        font-size: 22px
    ;}

    .m-ldjy .txt {
        font-size: 16px
    ;}

    .m-ldjy .pic {
        position: static;
        width: 335px;
        float: none;
        margin: 0 auto
    ;}

    .m-ldjy::after {
        display: none
    ;}

    .m-ldjy {
        padding-top: 0
    ;}

    .m-ldjy .box {
        padding: 30px 24px 50px;}
}

@media only screen and (max-width: 400px) {
    .m-ldjy .pic {
        width: auto
    ;}
}

.row-xrld {
    overflow: hidden;
    padding-bottom: 1.5vw
;}

.row-xrld .g-tit {
    margin-bottom: 2.2vw
;}

.ul-lisths4 {
    overflow: hidden
;}

.ul-lisths4 li {
    overflow: hidden;
    font-size: 0;
    padding: 0 0 1.98vw;
    margin-bottom: 2.92vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-lisths4 li:last-child {
    background: 0 0
;}

.ul-lisths4 li .item {
    display: inline-block;
    vertical-align: middle;
    margin: 0 2.6vw;
    text-align: center
;}

.ul-lisths4 .tit {
    font-size: 1.25vw;
    line-height: 1.5;
    height: 3em;
    font-family: Arial;
    color: #333
;}

.ul-lisths4 .tit i {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 33px;
    margin: 0 15px;}

.ul-lisths4 .pic {
    width: 14.9vw;
    overflow: hidden;
    transition: all 1s;
    margin: 0 auto 2.29vw
;}

.ul-lisths4 .pic img {
    width: 100%;
    display: block
;}

@media only screen and (max-width: 767px) {
    .img-cover {
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 56.85vw;
       object-fit: cover;}

    .m-ldjy .pic .name {
        font-size: 18px;
        margin-bottom: 10px;}

    .m-ldjy .box {
        padding: 30px 15px 50px;}

    .m-ldjy .pic .img {
        margin-bottom: 16px
    ;}

    .ul-lisths4 li .item {
        display: block;
        width: 100%;
        margin: 0 0 20px
    ;}

    .ul-lisths4 li {
        padding: 0;
        margin: 0;
        background: 0 0
    ;}

    .ul-lisths4 .pic {
        width: 286px;
        margin: 0 auto 15px
    ;}

    .ul-lisths4 .tit {
        font-size: 18px;
        height: auto
    ;}
    
}

.row-zzjg {
    overflow: hidden
;}

.row-zzjg .g-tit {
    margin-bottom: 2.3vw
;}

.m-zzjg .item {
    overflow: hidden;
    margin: 0 -5px
;}

.m-zzjg .title {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #eef3f7;
    margin-bottom: 3.13vw
;}

.m-zzjg .title::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-zzjg .title::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-listh5 {
    overflow: hidden;
    padding: 3.13vw .26vw 3.39vw;
    margin: 0 -1.46vw;
    position: relative;
    background: url(../images/hs-70.png) top no-repeat;
    -webkit-background-size: 96% auto;
    background-size: 96% auto
;}

.ul-listh5 li {
    float: left;
    width: 25%;
    margin-bottom: 3.13vw
;}

.ul-listh5 .con {
    margin: 0 1.46vw;
    position: relative
;}

.ul-listh5 .v1 {
    padding: 0 1.46vw;
    line-height: 3.54vw;
    font-size: 1.04vw;
    color: #333;
    cursor: pointer;
    background: url(../images/hs-45.png) right 24px center no-repeat #FDF6F6
;}

.ul-listh5 .v1.on {
    color: #fff;
    background-image: url(../images/hs-48.png);
    background-color: #00797c
;}

.ul-listh5 .v1 i {
    display: inline-block;
    vertical-align: middle;
    width: .52vw;
    height: .52vw;
    margin-right: .63vw;
    background: url(../images/hs-46.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.ul-listh5 .sub {
    padding: 1.15vw 0 2.55vw;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 100%;
    background-color: #fff;
    box-shadow: 0 0 .52vw rgba(0, 0, 0, .15);
    z-index: 10;
    max-height: 8.75vw;
    overflow-y: auto;
    background: #fff url(../images/org-bg1.png) center bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    display: none
;}

.ul-listh5 .sub p {
    font-size: .94vw;
    line-height: 2.67;
    color: #666;
    padding: 0 2.6vw
;}

.ul-listh5 .sub::-webkit-scrollbar {
    width: 4px
;}

.ul-listh5 .sub::-webkit-scrollbar-track {
    background: 0 0
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb {
    background: #00797c
;}

.ul-listh5 .sub::-webkit-scrollbar-thumb:window-inactive {
    background: #00797c
;}

@media only screen and (max-width: 767px) {
    .ul-listh5 li {
        width: 50%;
        margin-bottom: 32px
    ;}

    .ul-listh5 .v1 {
        line-height: 36px;
        font-size: 14px;
        -webkit-background-size: 4px 7px;
        background-size: 4px 7px;
        padding: 0 15px;
        background-position: right 10px center
    ;}

    .ul-listh5 .v1.on {
        -webkit-background-size: 7px 4px;
        background-size: 7px 4px
    ;}

    .ul-listh5 .v1 i {
        width: 5px;
        height: 5px
    ;}

    .m-zzjg .title {
        width: 200px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}

    .ul-listh5 .sub {
        max-height: 62px;
        padding: 0
    ;}

    .ul-listh5 .sub p {
        font-size: 12px;
        line-height: 2.5
    ;}

    .ul-listh5 {
        padding: 20px .26vw 30px
    ;}
}

@media only screen and (max-width: 450px) {
    .ul-listh5 li {
        width: auto;
        float: none;
        margin-bottom: 15px
    ;}

    .ul-listh5 .sub {
        position: static
    ;}
}

.row-xyxw .g-tit {
    margin-bottom: 2vw
;}

.ul-newhs1 {
    overflow: hidden;
    margin-bottom: 2vw
;}

.ul-newhs1 li {
    overflow: hidden;
    background-color: #fff
;}

.ul-newhs1 li .con {
    display: block;
    padding: 1.6vw;
    overflow: hidden;
    position: relative
;}

.ul-newhs1 li:hover {
    /*background: url(../images/hs-49.jpg) no-repeat;*/
	background:linear-gradient(201deg,#088e91,#048083 35%,#005e60 78%);
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
    top: -.21vw
;}

.ul-newhs1 li .con:hover::after {
    display: none
;}

.ul-newhs1 li .con::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 2.08vw;
    right: 2.08vw;
    width: 100%;
    height: .21vw;
    background: url(../images/hs-43.jpg) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    text-align: center
;}

.ul-newhs1 .pic {
    position: relative;
    height: 10.5vw;
    width: 15.75vw;
    float: left;
    overflow: hidden;
    margin-right: 1.98vw;
    transition: all .3s
;}

.ul-newhs1 li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.ul-newhs1 .txt {
    overflow: hidden;
    padding-top: .89vw
;}

.ul-newhs1 .time {
    font-size: .83vw;
    line-height: 1.67vw;
    color: #00797c;
    margin-bottom: .52vw;
    font-family: SourceHanSerifCN-Regular
;}

.ul-newhs1 .time span {
    margin-right: .52vw;
    font-size: 1.35vw;
    font-family: SourceHanSerifCN-Bold
;}

.ul-newhs1 .tit {
    color: #333;
    font-size: 1.04vw;
    font-weight: 400;
    margin-bottom: 1.41vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-newhs1 .desc {
    color: #8d8b8b;
    font-size: .83vw;
    line-height: 2.25;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
;}

.ul-newhs1 li:hover .time,
.ul-newhs1 li:hover .tit {
    color: #fff
;}

.ul-newhs1 li:hover .desc {
    color: rgba(255, 255, 255, .8)
;}

.ul-newhs1 li:last-child .con::after {
    display: none
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs1 .pic {
        width: 180px;
        height: 120px
    ;}

    .ul-newhs1 .desc {
        font-size: 12px;
        line-height: 2
    ;}

    .ul-newhs1 .tit {
        font-size: 16px;
        margin-bottom: 4px
    ;}

    .ul-newhs1 .time {
        font-size: 12px;
        margin-bottom: 10px
    ;}

    .ul-newhs1 .time span {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-newhs1 .pic {
        width: auto;
        float: none;
        margin-right: 0;
        padding-top: 67%;
        margin-bottom: 15px
    ;}

    .ul-newhs1 li .con {
        padding: 15px 0
    ;}

    .ul-newhs1 li {
        border-bottom: 1px dashed #eee
    ;}

    .ul-newhs1 li:last-child {
        border-bottom: none
    ;}

    .ul-newhs1 li .con::after {
        display: none
    ;}

    .ul-newhs1 {
        margin-bottom: 10px
    ;}
}

.ul-newhs2.h-newsLs2 {
    margin: 0 -1.67vw 1.04vw;
    overflow: hidden
;}

.ul-newhs2.h-newsLs2 li {
    width: 100%;
    margin-bottom: 1vw
;}

.ul-newhs2.h-newsLs2 li .con {
    background: #f2f8fa;
    min-height: 100px;
    padding-right: 4.25vw;
    padding-left: 1.08vw;
    position: relative
;}

.ul-newhs2.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-newhs2 .ico {
    position: absolute;
    right: 40px;
    bottom: 36px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
    background: url(../images/h-icon-next2.png) center center no-repeat;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-newhs2 li:hover .ico {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0);
    opacity: 1;
	padding:10px;
	transform-origin: center center; animation: rotate 5s linear infinite;}
@keyframes rotate {
  from {
    transform: rotate(0deg);}
  to {
    transform: rotate(360deg);}
}


.ul-newhs2.h-newsLs2 .tit {
    font-size: 1.04vw;
    line-height: 1.8;
    color: #2c2c2c
;}

.row-tzgg .g-tit {
    margin-bottom: 2.7vw
;}

@media only screen and (max-width: 1199px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-newhs2.h-newsLs2 li {
        width: auto;
        float: none
    ;}
	
.serviceCont { background: url(../images/bg1.png) center bottom no-repeat; padding-bottom: 240px;}
.servicePic { transition: all 0.5s; margin: 0 auto 17px; position: relative; box-sizing: border-box; border: 2px solid #00797c; border-radius: 50%; width:26.75vw; height: 26.75vw;
-webkit-box-shadow: inset 0 3px 16px 0 #769bc1;
    box-shadow: inset 0 3px 16px 0 #7ac3d4;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s

;}
.servicePic img { width:15.646vw;height:15.646vw; transition: all 0.5s; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.servicePic img:nth-child(2) {opacity: 0;}
.seriveList { max-width: 100%; width: 100%; margin: 0 auto;}
.seriveList ul { overflow: hidden;}
.seriveList li { box-shadow: -10px 0 10px rgba(0,0,0,0.03); padding-top:10px; text-align: center;}
.serviceType { margin-bottom: 30px; width:50%;}
.serviceType p { font-size: 4.2vw; color: #131313;}
.serviceTit p { font-weight: bold; font-size: 26px; color: #184da6; line-height: 1; margin-bottom: 13px;}
.serviceTit span { display: block; font-size: 16px; color: #9b9b9b; font-family: 'Times New Roman';}
.serviceTit { background: url(../images/sline.png) center bottom no-repeat; margin-bottom: 26px; padding-bottom: 36px;}

	/*服务展示END*/
.section-index3 .index3-bg1 {background-position-y: 300px; background-repeat: no-repeat; background-size:cover;}

/*优秀导师*/


.leaderTxt { width:100%; background:#FFF; padding:25px 20px 35px;}

.leaderTag { display: block; text-align: center; width:28vw; line-height:8vw; border-radius: 38px; color: #ffffff; background: #00797c; font-weight: bold; font-size:3.48vw; margin-bottom:2vw;}


#leaderSwp2 .swiper-slide { background: url(../images/builder.jpg) right bottom no-repeat #ffffff;}
.leaderName { margin-bottom: 2vw; border-left: 5px solid #00797c; padding-left:2vw;}
.leaderName h2 {font-size:5.58vw; line-height: 1; margin-bottom: 9px;transition:all 0.4s linear;}
.leaderName h3 {font-size:4.20vw; line-height: 1; color: #333333;}
.leaderTxt p {overflow: hidden;font-size:3.938vw; color: #333333; line-height:1.6; margin-top:20px;}
.leaderMore { display: block; position: absolute; width: 130px; right: 39px; bottom: 25px; z-index:99999999999999;}
#leaderSwp2 .swiper-pagination { box-sizing: border-box; width: calc(50% + 6vw)!important; left: auto!important; left: 0; text-align: right; bottom:2vw;}
#leaderSwp2 .swiper-pagination span { width: 24px; hyphens: 5px; border-radius: 5px;}
#leaderSwp2 .swiper-pagination span.swiper-pagination-bullet-active { background: #00797c; outline:none;}
/*优秀导师END*/
	
.footer {
	padding: 23px 0 23px;}
.footer .footLogo {
	width: 300px;
	float: none;
	margin: 0 auto 15px;}
.footer .banQuan{ margin-top:1vw; margin-bottom:1.5vw;}
.footer .banQuan p { font-size:3vw; line-height:2; text-align:center;}
.footer .ewm {
	margin: 10px auto 0;
	float: none;
	width: 20vw;}
.footer .ewm p { width:100%;  text-align:center; font-size:2.8vw;}
.footer .ewm  img{ width:100%;}
.foot_left {
	float: none;
	width: 100%;}
.footerbox {
	padding: 30px 0;}
.foot_left img {
	width: 250px;
	margin: 0 auto 10px auto;}
.foot_left p {
	padding: 0;
	font-size: 12px;
	text-align: center;}
.foot_right {
	float: none;
	width: 100%;
	padding-top: 30px;
	text-align: center;}
.foot_right li {
	display: inline-block;
	padding: 0 10px;
	float: none;}
.foot_right img {
	width: 80px;
	margin: 0 auto;}



.banner video{ position: absolute;top: 0;right: 0;bottom: 0; left: 0;width: 100%; height: 100%;object-fit: cover;}

}

@media only screen and (max-width: 767px) {
    .ul-newhs2.h-newsLs2 .tit {
        font-size: 16px
    ;}

    .ul-newhs2.h-newsLs2 li .con {
        padding: 15px
    ;}
}

.row-djzzjg .g-tit {
    margin-bottom: 2.3vw
;}

.row-djzzjg .g-title {
    overflow: hidden;
    margin-bottom: 2vw
;}

.row-djzzjg .titles {
    overflow: hidden
;}

.row-djzzjg .titles .tit {
    width: 25.63vw;
    height: 5.21vw;
    line-height: 5.21vw;
    margin: 0 auto;
    text-align: center;
    font-weight: 700;
    font-size: 1.56vw;
    color: #333;
    position: relative;
    background: #fff6f6
;}

.row-djzzjg .titles .tit::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-djzzjg .titles .tit::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: url(../images/hs-31.png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.row-djzzjg .titles .ico {
    margin: 0 auto;
    width: 52px;
    height: 39px;
    background: url(../images/hs-53.jpg) no-repeat
;}

.m-djzzjg1 {
    overflow: hidden;
    margin-bottom: 5vw
;}

.m-djzzjg1 .ul-list3 {
    margin-top: 3vw
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) {
    background-image: url(../images/hs-49.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .tit h4 {
    color: #444;
    background-image: url(../images/hs-33.png)
;}

.m-djzzjg1 .ul-list3 li:nth-child(1) .desc {
    color: #333
;}

.m-djzzjg2 .titles {
    margin-bottom: 0
;}

.ul-lisths6 {
    overflow: hidden;
    position: relative;
    padding: 4.43vw 0 4vw;
    margin-bottom: 7.81vw
;}

.ul-lisths6::after {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 1px);
    top: 0;
    height: 100%;
    width: 3px;
    background: url(../images/hs-54.jpg) repeat-y
;}

.ul-lisths6 li {
    width: 50%
;}

.ul-lisths6 li:nth-child(even) {
    margin-left: 50%;
    overflow: hidden;
    padding-left: 40px
;}

.ul-lisths6 li:nth-child(odd) .tit {
    float: right;
    margin-left: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(even) .tit {
    float: left;
    margin-right: 1.04vw;
    padding-top: 1.88vw
;}

.ul-lisths6 li:nth-child(1) .tit {
    padding-top: 0vw;
    position: relative;
    top: -.83vw
;}

.ul-lisths6 li:nth-child(odd) {
    padding-left: 6.46vw;
    padding-right: 2.29vw
;}

.ul-lisths6 li .info {
    overflow: hidden
;}

.ul-lisths6 li .info .ico {
    height: .21vw;
    background: url(../images/hs-51.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1.2vw
;}

.ul-lisths6 li .info .ss {
    color: #333;
    font-size: 1.25vw;
    margin-bottom: .94vw
;}

.ul-lisths6 li .desc {
    overflow: hidden
;}

.ul-lisths6 li .desc p {
    float: left;
    width: 50%;
    font-size: 1.04vw;
    color: #666;
    margin-bottom: 1.2vw;
    padding-left: 22px;
    line-height: 2;
    background: url(../images/hs-52.png) left center no-repeat
;}

.ul-lisths6 li .desc p:hover a {
    opacity: .5
;}

.ul-lisths6 li .tit {
    color: #333;
    font-size: 1.25vw;
    font-weight: 700
;}

.ul-lisths6 li:nth-child(odd) .ss {
    padding-right: 18px
;}

.ul-lisths6 li:nth-child(even) .ss {
    padding-left: 18px
;}

.tar {
    text-align: right
;}

.tal {
    text-align: left
;}

@media only screen and (max-width: 1199px) {
    .ul-lisths6 li .tit {
        font-size: 18px
    ;}

    .ul-lisths6 li .desc p {
        font-size: 14px
    ;}

    .ul-lisths6 li .info .ss {
        font-size: 18px
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-lisths6 li {
        width: 100%
    ;}

    .ul-lisths6 li:nth-child(even) .tit {
        float: none
    ;}

    .ul-lisths6 li:nth-child(even) {
        width: auto;
        float: none;
        margin-left: 0
    ;}

    .m-djzzjg1 .ul-list3 li:nth-child(1) {
        background-image: none;
        background-color: #fcf8f8
    ;}

    .ul-lisths6 li:nth-child(1) .tit {
        position: static
    ;}

    .ul-lisths6 li:nth-child(odd) .tit {
        float: none;
        margin-bottom: 6px;
        padding-left: 0;
        margin-left: 0
    ;}

    .ul-lisths6 li .tit {
        margin-bottom: 6px
    ;}

    .ul-lisths6::after {
        display: none
    ;}

    .ul-lisths6 li .info .ss.tar {
        text-align: left
    ;}

    .ul-lisths6 li:nth-child(even),
    .ul-lisths6 li:nth-child(odd) {
        padding: 0
    ;}

    .ul-lisths6 li:nth-child(even) .ss {
        padding-left: 0
    ;}

    .row-djzzjg .titles .tit {
        width: 260px;
        line-height: 48px;
        font-size: 18px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths6 li .info .ss {
        font-size: 16px;
        padding-top: 0
    ;}
}

.row-szdw .g-tit {
    margin-bottom: 2.3vw
;}

.m-jiansuo {
    overflow: hidden;
    background: #f6f6f6;
    padding: .68vw 2.5vw .36vw;
    margin-bottom: 3.13vw
;}

.m-jiansuo .item {
    overflow: hidden;
    padding: 1.73vw 0;
    background: url(../images/hs-55.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.m-jiansuo .item:last-child {
    background: 0 0
;}

.m-jiansuo .item .fs {
    float: left;
    width: 7vw;
    color: #333;
    font-size: 1.04vw;
    line-height: 2vw;}

.m-jiansuo .item .info {
    overflow: hidden
;}

.m-jiansuo .item .info.flx {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between
;}

.m-jiansuo .item .info.flx span {
    margin-right: 0
;}

.m-jiansuo .item .info span {
     font-size: .83vw;
    color: #666;
    padding: 0 .6vw;
    cursor: pointer;
    border-radius: 1vw;
     line-height: 2vw;
     display: inline-block;}

.m-jiansuo .item .info span.on {
     background: #00797c;
    color:#fff;}

.ul-lisths7 {
    margin: 0 -2.71vw 1.04vw;
    overflow: hidden
;}

.ul-lisths7 li {
    width: 25%;
    float: left;
    margin-bottom: 3.02vw
;}

.ul-lisths7 .con {
    display: block;
    overflow: hidden;
    margin: 0 2.71vw;
    border: 1px solid #e1e1e1;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
    border-radius: 0 30px;
    padding: 1.67vw 2.08vw 2.6vw;
    position: relative;
    transition: all .3s
;}

.ul-lisths7 .pic {
    float: left;
    width: 5.28vw;
    height: 7.05vw;
    overflow: hidden;
    position: relative;
    margin-right: 1.34vw;
    border-radius: 30px 0
;}

.ul-lisths7 .txt {
    overflow: hidden;
    padding-top: .31vw;
    font-family: Arial
;}

.ul-lisths7 .tit {
    font-size: 1.25vw;
    color: #333;
    margin-bottom: .36vw
;}

.ul-lisths7 .desc {
    font-size: .94vw;
    color: #b92a2d;
    padding-bottom: .73vw;
    background: url(../images/hs-56.png) bottom no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-bottom: 1vw;
    overflow: hidden;}

.ul-lisths7 .info {
    font-size: .83vw;
    color: #9e9e9e;
    line-height: 1.88;
    margin-bottom: .94vw;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
;}

.ul-lisths7 .btn {
    width: 2.5vw;
    height: 2.5vw;
    border: 1px solid rgba(5, 85, 159, .48);
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 8px auto;
    background-size: 8px auto;
    background-image: url(../images/h-icon-next3.png)
;}

.ul-lisths7 .db {
    position: absolute;
    right: 1.04vw;
    bottom: 0;
    width: 7.66vw;
    height: 10.05vw;
    background: url(../images/hs-69.png) center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
;}

.ul-lisths7 li:hover .con {
    border: 1px solid #e1e1e1;
    background: linear-gradient(233deg, #0a92dc -34%, #0051a2 48%)
;}

.ul-lisths7 li:hover .desc,
.ul-lisths7 li:hover .tit {
    color: #fff
;}

.ul-lisths7 li:hover .desc {
    background-image: url(../images/hs-57.png)
;}

.ul-lisths7 li:hover .info {
    color: rgba(255, 255, 255, .68)
;}

.ul-lisths7 li:hover .btn {
    border-color: #fff;
    background-image: url(../images/h-icon-playbtn1.png)
;}

@media only screen and (max-width: 1023px) {
    .ul-lisths7 li {
        width: 50%;
        float: left
    ;}

    .ul-lisths7 .tit {
        font-size: 20px
    ;}

    .m-jiansuo .item {
        line-height: 2;
        margin-bottom: 10px;
        padding: 10px 0;}

    .m-jiansuo .item .info span {
        font-size: 14px;
        padding: 0 10px;
        line-height: 1.8;}

    .m-jiansuo .item .fs {
        font-size: 16px;
        width: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;}

    .ul-lisths7 .desc {
        font-size: 15px;
        padding-bottom: 10px;
        margin-bottom: 10px
    ;}

    .ul-lisths7 .info {
        font-size: 13px
    ;}

    .ul-lisths7 .btn {
        width: 24px;
        height: 24px
    ;}

    .ul-lisths7 .pic {
        width: 150px;
        height: 200px
    ;}
}

@media only screen and (max-width: 767px) {
    .ul-lisths7 .pic {
        float: none;
        margin: 0 auto;}

    .m-jiansuo,
    .ul-lisths7 .con {
        padding: 15px
    ;}

    .ul-lisths7 .db {
        width: 73.5px;
        height: 96px
    ;}
}

@media only screen and (max-width: 1023px) {
    .m-jiansuo .item .info.flx {
        display: block
    ;}

    .m-jiansuo .item .info.flx span {
        width: 14%;
        float: left;
        text-align: center
    ;}

    .m-jiansuo .item .info span {
        font-size: 12px
    ;}
}

.row-mba1 {
    overflow: hidden;
    padding: 2.4vw 0 1vw
;}

.row-mba1 .g-tit {
    margin-bottom: .7vw
;}

.m-mbatxt1 .desc {
    text-align: center;
    color: #333;
    font-size: 1.04vw;
    line-height: 2;
    margin-bottom: 1vw
;}

.m-mbatxt1 .desc span {
    color: #00797c
;}

.m-mbatxt1 .desc span em {
    font-style: normal;
    font-family: Impact;
    font-weight: 400;
    font-size: 1.35vw;
    margin: 0 .26vw
;}

.m-mbatxt1 .jiantou1 {
    margin: 0 auto .95vw;
    width: 2.71vw;
    height: 2.03vw;
    background: url(../images/hs-53.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.m-mbatxt1 .title {
    text-align: center;
    margin-bottom: 1.2vw;
    font-size: 1.88vw;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold
;}

.ul-lisths8 {
    overflow: hidden;
    position: relative
;}

.ul-lisths8::after {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    left: 0;
    width: 100%;
    height: 3px;
    background: url(../images/hs-67.png) no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.ul-lisths8 li {
    width: 33.33%;
    float: left;
    text-align: center;
    cursor: pointer
;}

.ul-lisths8 .ico {
    margin: 0 auto 3.2vw;
    border-radius: 50%;
    transition: all .3s;
    width: 26px;
    height: 26px;
    line-height: 20px;
    border: 1px solid transparent
;}

.ul-lisths8 li:hover .ico {
    border-color: #00797c
;}

.ul-lisths8 .ico i {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background: #00797c;
    border-radius: 50%
;}

.ul-lisths8 .tit {
    font-size: 1.04vw;
    color: #333
;}

.row-mba2 {
    overflow: hidden;
    background: url(../images/hs-60.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 8.1vw 0 11.2vw
;}

.row-mba2 .g-tit {
    margin-bottom: 2.2vw
;}

.g-tit .more.white {
    color: #fff;
    background-image: url(../images/hs-66.png)
;}

.g-tit .more.white:hover {
    opacity: .5
;}

.row-mba2 .firstnews {
    width: 35.99vw;
    float: left;
    margin-right: 2.34vw
;}

.m-mbabox1 {
    overflow: hidden;
    background: #fff;
    padding: 2.5vw 3.13vw 1.88vw
;}

.m-mbabox1 .firstnews .pic {
    position: relative;
    height: 0;
    padding-top: 61%;
    margin-bottom: 1.04vw;
    transition: all .3s;
    overflow: hidden
;}

.m-mbabox1 .firstnews:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
;}

.m-mbabox1 .firstnews:hover .tit {
    color: #034e5e
;}

.m-mbabox1 .firstnews .tit {
    font-size: .94vw;
    line-height: 1.78;
    color: #333;
    margin-bottom: .52vw;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.m-mbabox1 .firstnews .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2
;}

.ul-mbanewslist.h-newsLs2 {
    overflow: hidden
;}

.ul-mbanewslist.h-newsLs2 li {
    border-bottom: 1px solid #dadada;
    margin-bottom: 0
;}

.ul-mbanewslist.h-newsLs2 li .con {
    min-height: 7.08vw
;}

.ul-mbanewslist.h-newsLs2 li:last-child {
    border-bottom: none
;}

.ul-mbanewslist.h-newsLs2 li+li {
    margin-top: 0
;}

.ul-mbanewslist.h-newsLs2 .desc {
    color: #999;
    font-size: .83vw;
    line-height: 2;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.ul-mbanewslist.h-newsLs2 .tit {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
;}

.row-mba3 {
    overflow: hidden;
    margin-top: -7vw;
    position: relative;
    z-index: 1;
    padding-top: 5vw;
    background: url(../images/hs-63.png) top no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto
;}

.row-mba3 .g-tit {
    margin-bottom: 1.3vw
;}

.row-mba3::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 7.29vw;
    width: 50.05vw;
    height: 24.38vw;
    z-index: 1;
    background: linear-gradient(237deg, #0a92dc 19%, #0051a2 80%)
;}

.row-mba3 .pic1 {
    position: absolute;
    right: 0;
    bottom: 12.19vw;
    width: 50%;
    height: 31.25vw;
    display: block;
    z-index: 3;
    transition: all .3s;
    overflow: hidden
;}

.row-mba3 .pic1 img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
;}

.row-mba3 .pictit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 1.77vw 1.98vw;
    z-index: 2;
    color: #fff;
    font-size: 1.35vw
;}

.row-mba3 .picbg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14.17vw;
    background: url(../images/hs-65.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover
;}

.row-mba3 .pic2 {
    width: 38.33vw;
    height: 24.53vw;
    position: absolute;
    bottom: 0;
    left: 3.5vw;
    overflow: hidden;
    display: block;
    transition: all .3s
;}

.row-mba3 .pic1:hover .pictit,
.row-mba3 .pic2:hover .pictit {
    opacity: .5
;}

.m-mabsixiang {
    height: 43.44vw;
    position: relative;
    padding-top: 6.72vw;
    z-index: 2
;}

.m-mabsixiang .item.t3 {
    position: absolute;
    bottom: 0;
    left: 41.7vw
;}

.m-mabsixiang .item.t1 {
    margin-left: 11.9vw
;}

.m-mabsixiang .item {
    width: 14.9vw;
    height: 12.19vw;
    text-align: center;
    padding-top: 2.08vw;
    float: left;
    color: #fff;
    font-size: 1.25vw
;}

.m-mabsixiang .item a {
    display: block;
    width: 100%;
    height: 100%
;}

.m-mabsixiang .item:hover {
    color: rgba(255, 255, 255, .5)
;}

.m-mabsixiang .item .ico {
    height: 5.21vw;
    width: 5.21vw;
    margin: 0 auto 1.46vw
;}

.m-mabsixiang .item .ico svg {
    display: block;
    width: 100%;
    height: 100%
;}

.row-mba4 {
    overflow: hidden;
    position: relative;
    margin-top: -12.29vw;
    padding: 15.63vw 0 3.33vw;
    background: url(../images/hs-59.jpg) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
;}

.ul-tabhs1 {
    overflow: hidden;
    text-align: center;
    position: relative;
    margin-bottom: 2.2vw
;}

.ul-tabhs1::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #d8d8d8
;}

.ul-tabhs1 li {
    display: inline-block;
    margin: 0 5.5vw;
    position: relative;
    padding-bottom: 2.28vw;
    cursor: pointer
;}

.ul-tabhs1 li.active::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 50px;
    height: 36px;
    z-index: 2;
    background: url(../images/hs-64.png) no-repeat
;}

.row-mba5 {
    overflow: hidden;
    background: url(../images/hs-58.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 1.46vw 0 3.39vw
;}

.row-mba5 .g-tit {
    margin-bottom: 2.05vw
;}

.ul-tabhs2 {
    overflow: hidden;
    text-align: center;
    margin-bottom: 2vw
;}

.ul-tabhs2 li {
    display: inline-block;
    cursor: pointer
;}

.ul-tabhs2 .con {
    width: 10.42vw;
    height: 3.13vw;
    border-radius: 4.69vw;
    text-align: center;
    line-height: 3.02vw;
    font-size: 1.25vw;
    margin: 0 .78vw;
    color: #333;
    border: 1px solid rgba(168, 29, 32, .4);
    font-family: SourceHanSerifCN-Bold
;}

.ul-tabhs2 li.active .con {
    background: #00797c;
    color: #fff
;}

@media only screen and (max-width: 1199px) {
    .row-mba3::after {
        display: none
    ;}

    .row-mba3 .pic1 {
        position: relative;
        float: left;
        top: 0;
        right: 0
    ;}

    .m-mabsixiang {
        width: 50%;
        float: left;
        height: 31.25vw;
        padding-top: 0
    ;}

    .m-mabsixiang .item.t3 {
        position: static
    ;}

    .m-mabsixiang .item {
        float: left;
        width: 33.33%
    ;}

    .m-mabsixiang .item.t1 {
        margin-left: 0
    ;}

    .row-mba3 .pic2 {
        width: auto;
        position: relative;
        clear: both;
        height: 19.06vw;
        left: 0
    ;}

    .row-mba4 {
        padding-top: 2vw;
        margin-top: 0
    ;}

    .row-mba3 {
        padding-top: 2vw;
        margin-top: 0;
        background-image: none
    ;}

    .row-mba2 {
        padding: 7vw 0 3vw
    ;}

    .row-mba2 .firstnews {
        width: auto;
        margin-right: 0;
        float: none;
        margin-bottom: 16px
    ;}

    .m-mbabox1 .firstnews .tit {
        font-size: 18px
    ;}

    .m-mbabox1 .firstnews .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 20px
    ;}

    .ul-lisths8 .tit {
        font-size: 16px
    ;}

    .m-mbatxt1 .desc br {
        display: none
    ;}

    .m-mbatxt1 .title {
        font-size: 20px
    ;}

    .g-tit .more {
        width: 104px;
        height: 32px;
        font-size: 16px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        top: 30px
    ;}

    .downloadswph1 .swiperLearn-btns>div,
    .newswph2 .swiperLearn-btns>div {
        width: 48px;
        height: 48px
    ;}

    .ul-mbanewslist.h-newsLs2 li .con {
        padding: 10px 0
    ;}

    .newswph3 .swiper-button-next {
        border-color: #05559f;
        background-image: url(../images/h-icon-next3.png)
    ;}

    .newswph3 .swiper-button-prev {
        border-color: #05559f;
        background-image: url(../images/h-icon-prev3.png)
    ;}

    .downloadswph1 .swiperLearn-btns,
    .newswph2 .swiperLearn-btns {
        width: 128px
    ;}

    .m-xsfz1link .item p {
        font-size: 18px
    ;}

    .newswph2 .con .desc {
        font-size: 14px;
        line-height: 1.5
    ;}
}

@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px
    ;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

.g-snv {
    margin-top: -35px;
    position: relative;
    z-index: 2
;}

.g-snv::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50%;
    background-color: #00797c;
    z-index: -1
;}

.g-snv ul {
    position: relative;
    z-index: 2
;}

.g-snv ul::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    width: 1732px;
    background-image: url(../images/jl-bg01.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    z-index: -1
;}

.g-snv li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 88px;
    position: relative
;}

.g-snv li:last-child {
    margin-right: 0
;}

.g-snv .v1 {
    display: block;
    line-height: 88px;
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    position: relative
;}

.g-snv .v1::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 8px;
    width: 26px;
    height: 12px;
    margin-left: -13px;
    background-image: url(../images/jl-i04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .v1::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 16px;
    height: 8px;
    margin-left: -8px;
    background-image: url(../images/jl-i05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    opacity: 0
;}

.g-snv .on .v1,
.g-snv .v1:hover {
    font-weight: 700
;}

.g-snv .on a::after,
.g-snv .on a::before {
    opacity: 1
;}

.g-snv .arr {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 10px;
    height: 20px;
    margin-top: -10px;
    margin-left: 4px;
    line-height: 12px;
    text-align: center;
    display: none
;}

.g-snv .arr i {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg)
;}

.g-snv .sub {
    position: absolute;
    top: 100%;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transform: translateX(-50%);
    z-index: 2;
    display: none
;}

.g-snv .v2 {
    display: block;
    font-size: 18px;
    line-height: 2.5;
    padding: 0 15px;
    white-space: nowrap;
    color: #666;
    text-align: center;
    transition: .3s
;}

.g-snv .v2:hover {
    background-color: #00797c;
    color: #fff
;}

.g-cur {
    padding: 60px 0 45px;
    text-align: right;
    font-size: 16px;
    color: #666;
    line-height: 2
;}

.g-cur a,
.g-cur i,
.g-cur p,
.g-cur span {
    display: inline-block;
    vertical-align: middle;
    transition: .3s
;}

.g-cur i {
    font-size: 0;
    width: 20px;
    margin-right: 12px;
    line-height: 1
;}

.g-cur a:hover {
    color: #00797c
;}

.g-cur span {
    margin: 0 5px
;}

.g-pages {
    text-align: center;
    margin-bottom: 80px
;}

.g-pages li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px
;}

.g-pages a {
    display: block;
    line-height: 48px;
    border: 1px solid #ddd;
    border-radius: 2px;
    text-align: center;
    min-width: 50px;
    padding: 0 10px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    transition: .3s
;}

.g-pages .on a,
.g-pages a:hover {
    color: #fff;
    background-color: #00797c
;}
.g-pages span{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;}
.jl-main {
    overflow: hidden
;}

.jl-about1 {
    border-top: 4px solid #00797c;
    background: #f5f9f9;
    padding: 60px 100px 80px;
    overflow: hidden;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.jl-about1 .topbox {
    text-align: center;
    padding-bottom: 34px;
    border-bottom: 1px dashed #c4abab;
    position: relative;
    margin-bottom: 40px
;}

.jl-about1 .topbox::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .topbox::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #b92a2d;
    z-index: 2
;}

.jl-about1 .bigtit {
    font-size: 24px;
    color: #333;
    line-height: 1.1;
    font-weight: 400;
    margin-bottom: 40px
;}

.jl-about1 .titsub {
    font-size: 18px;
    color: #868686
;}

.jl-about1 .desc {
    font-size: 20px;
    color: #333;
    line-height: 2;
    text-indent: 2em
;}

.jl-about1 .img {
    text-align: center;
    font-size: 0;
    margin: 60px 0 100px
;}

.jl-about1 .img img {
    margin-bottom: 40px
;}

.jl-about1 .img img:last-child {
    margin-bottom: 0
;}

.jl-about1 .img:last-child {
    margin-bottom: 0
;}

.jl-prevnext {
    padding: 60px 0;
    overflow: hidden
;}

.jl-prevnext a {
    display: block;
    font-size: 20px;
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px;
    transition: .3s;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
;}

.jl-prevnext a:hover {
    color: #1557a7;
    text-decoration: underline
;}

.jl-prevnext .prev {
    margin-bottom: 18px;
    background-image: url(../images/jl-i02.png)
;}

.jl-prevnext .next {
    background-image: url(../images/jl-i03.png)
;}

.jl-new1 {
    margin: 8px -27px 47px;
    font-size: 0
;}

.jl-new1 li {
    display: inline-block;
    vertical-align: top;
    width: 33.33%
;}

.jl-new1 .con {
    display: block;
    padding: 33px 27px;
    position: relative;
    z-index: 2;
    overflow: hidden
;}

.jl-new1 .con::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/jl-bg02.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0;
    transition: .3s
;}

.jl-new1 .con:hover::after {
    opacity: 1
;}

.jl-new1 .pic {
    display: block;
    border-radius: 10px;
    margin-bottom: 19px;
    overflow: hidden
;}

.jl-new1 .img {
    padding-top: 72.14%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: .3s
;}

.jl-new1 .con:hover .img {
    transform: scale(1.08)
;}

.jl-new1 .desc {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #333;
    height: 64px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
    transition: .3s
;}

.jl-new1 .con:hover .desc {
    color: #fff
;}

.jl-new1 .date {
    text-align: right;
    font-size: 16px;
    line-height: 32px;
    color: #00797c;
    font-family: SourceHanSerifCN-Bold;
    transition: .3s
;}

.jl-new1 .con:hover .date {
    color: #fff
;}

.jl-new1 .date span {
    font-size: 26px;
    margin-right: 5px
;}

@media only screen and (min-width: 1200px) {
    .g-snv {
        margin-top: -1.822vw
    ;}

    .g-snv ul::after {
        width: 90.2vw
    ;}

    .g-snv li {
        margin-right: 4.583vw
    ;}

    .g-snv .v1 {
        line-height: 4.583vw;
        font-size: 1.041vw
    ;}

    .g-snv .v1::before {
        bottom: .416vw;
        width: 1.354vw;
        height: .625vw;
        margin-left: -.677vw
    ;}

    .g-snv .v1::after {
        width: .833vw;
        height: .416vw;
        margin-left: -.416vw
    ;}

    .g-snv .v2 {
        font-size: .937vw;
        padding: 0 .781vw
    ;}

    .g-cur {
        padding: 3.125vw 0 2.343vw;
        font-size: .833vw
    ;}

    .g-cur i {
        width: 1.041vw;
        margin-right: .625vw
    ;}

    .g-cur span {
        margin: 0 .26vw
    ;}

    .g-pages {
        margin-bottom: 4.166vw
    ;}
    .g-pages li {
        margin: 0 0.520vw
    ;}
    .g-pages span{
        font-size: 0.937vw;}
    .g-pages a {
        line-height: 2.5vw;
        border-radius: 0.104vw;
        min-width: 2.604vw;
        padding: 0 0.520vw;
        font-size: 0.937vw;}

    .jl-about1 {
        border-top: solid #00797c;
        padding: 3.125vw 5.208vw 4.166vw
    ;}

    .jl-about1 .topbox {
        padding-bottom: 1.77vw;
        margin-bottom: 2.083vw
    ;}

    .jl-about1 .topbox::before {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .topbox::after {
        bottom: -.104vw;
        width: .208vw;
        height: .208vw
    ;}

    .jl-about1 .bigtit {
        font-size: 1.25vw;
        margin-bottom: 1.083vw
    ;}

    .jl-about1 .titsub {
        font-size: .937vw
    ;}

    .jl-about1 .desc {
        font-size: 1.041vw
    ;}

    .jl-about1 .img {
        margin: 3.125vw 0 5.208vw
    ;}

    .jl-about1 .img img {
        margin-bottom: 2.083vw
    ;}

    .jl-prevnext {
        padding: 3.125vw 0
    ;}

    .jl-prevnext a {
        font-size: 1.041vw;
        padding-left: 1.562vw;
        background-size: 1.041vw
    ;}

    .jl-prevnext .prev {
        margin-bottom: .937vw
    ;}

    .jl-new1 {
        margin: .416vw -1.406vw 2.447vw
    ;}

    .jl-new1 .con {
        padding: 1.718vw 1.406vw
    ;}

    .jl-new1 .pic {
        border-radius: .52vw;
        margin-bottom: .989vw
    ;}

    .jl-new1 .desc {
        font-size: .937vw;
        line-height: 1.666vw;
        height: 3.333vw
    ;}

    .jl-new1 .date {
        font-size: .833vw;
        line-height: 1.666vw
    ;}

    .jl-new1 .date span {
        font-size: 1.354vw;
        margin-right: .26vw
    ;}
}

@media screen and (max-width: 1200px) {
    .g-snv {
        margin-top: 0;
        background-color: #00797c
    ;}

    .g-snv ul::after {
        width: 1200px
    ;}

    .g-snv li {
        margin-right: 15px
    ;}

    .g-snv .v1 {
        font-size: 14px;
        line-height: 50px
    ;}

    .g-snv .v1::before {
        width: 13px;
        height: 6px;
        margin-left: -7px;
        bottom: 4px
    ;}

    .g-snv .v1::after {
        width: 8px;
        height: 4px;
        margin-left: -4px
    ;}

    .g-snv .arr {
        display: block
    ;}

    .g-snv .v2 {
        font-size: 14px
    ;}

    .g-cur {
        text-align: left;
        padding: 20px 0;
        font-size: 14px
    ;}

    .g-cur i {
        font-size: 0;
        width: 15px;
        margin-right: 5px
    ;}

    .g-pages {
        margin-bottom: 12px
    ;}

    .g-pages li {
        margin: 0 4px 8px
    ;}

    .g-pages a {
        padding: 0 5px;
        min-width: 35px;
        line-height: 33px;
        font-size: 12px;}
    .g-pages span{
        font-size: 12px;
        margin-top: -4px;}

    .jl-about1 {
        padding: 30px 15px;
        border-width: 2px
    ;}

    .jl-about1 .topbox {
        padding-bottom: 15px;
        margin-bottom: 15px
    ;}

    .jl-about1 .bigtit {
        font-size: 18px;
        margin-bottom: 15px
    ;}

    .jl-about1 .desc,
    .jl-about1 .titsub {
        font-size: 14px
    ;}

    .jl-about1 .img {
        margin: 20px 0
    ;}

    .jl-about1 .img img {
        margin-bottom: 15px
    ;}

    .jl-prevnext {
        padding: 20px 0; line-height: 35px;
    ;}

    .jl-prevnext a {
        font-size: 14px;
        background-size: 13px;
        padding-left: 20px
    ;}

    .jl-prevnext .prev {
        margin-bottom: 10px
    ;}

    .jl-new1 {
        margin: 10px 0
    ;}

    .jl-new1 .con {
        padding: 15px
    ;}

    .jl-new1 .pic {
        border-radius: 8px;
        margin-bottom: 10px
    ;}

    .jl-new1 .desc {
        font-size: 14px;
        line-height: 30px;
        height: 60px
    ;}

    .jl-new1 .date {
        font-size: 14px;
        line-height: 28px
    ;}

    .jl-new1 .date span {
        font-size: 18px
    ;}

    .jl-txt1 {
        display: none
    ;}
	.h-title1 .tit_img {
        position: absolute;
        left: 0;
		top:6vw;
		width:10.5vw;}
}

@media screen and (max-width: 750px) {
    .jl-new1 li {
        width: 50%
    ;}
}

@media screen and (max-width: 400px) {
    .jl-new1 li {
        width: 100%
    ;}
}

.jl-txt1 {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 2
;}

.jl-txt1.hide {
    display: none
;}

.jl-txt1 li {
    position: absolute;
    top: 0;
    left: 2%;
    transform: translateY(-50%);
    font-size: 40px;
    white-space: nowrap;
    writing-mode: vertical-lr;
    font-family: SourceHanSerifCN-Bold;
    color: #00797c;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: .3s
;}

.jl-txt1 li:nth-child(even) {
    left: auto;
    right: 2%
;}

.jl-txt1 li.on {
    opacity: 1;
    visibility: visible
;}

@media only screen and (min-width: 1200px) {

    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}

.newswph3 .swiper-button-next {
    border-color: #05559f;
    background-image: url(../images/h-icon-next3.png)
;}

.newswph3 .swiper-button-prev {
    border-color: #05559f;
    background-image: url(../images/h-icon-prev3.png)
;}

.downloadswph1 .swiperLearn-btns,
.newswph2 .swiperLearn-btns {
    width: 6.67vw
;}

.m-xsfz1link .item p {
    font-size: 0.94vw
;}

.newswph2 .con .desc {
    font-size: 14px;
    line-height: 1.5
;}


@media only screen and (max-width: 1023px) {
    .ul-tabhs1 li {
        width: 50%;
        margin: 0;
        display: block;
        float: left
    ;}

    .ul-tabhs1::after {
        display: none
    ;}

    .ul-tabhs2 .con {
        font-size: 14px
    ;}

    .row-mba3 .pictit {
        font-size: 18px
    ;}

    .row-mba3 .pic1 {
        width: auto;
        float: none;
        position: relative;
        top: 0;
        height: 0;
        padding-top: 63%
    ;}

    .m-mabsixiang {
        float: none;
        width: 100%;
        height: auto
    ;}

    .row-mba3 .pic2 {
        height: 0;
        padding-top: 64%
    ;}

    .m-mabsixiang .item {
        font-size: 14px;
        height: auto;
        padding: 20px
    ;}

    .m-mbatxt1 .desc {
        font-size: 14px
    ;}

    .m-mbatxt1 .desc span em {
        font-size: 18px
    ;}

    .row-mba1 {
        padding: 20px 0
    ;}

    .m-mbatxt1 .title {
        font-size: 18px
    ;}

    .m-mabsixiang .item .ico {
        width: 90px;
        height: 90px
    ;}

    .ul-tabhs2 .con {
        width: 98px;
        height: 40px;
        line-height: 38px
    ;}

    .ul-tabhs2 {
        margin-bottom: 16px
    ;}

    .ul-tabhs1 .h-title1 .bg-circle {
        display: none
    ;}

    .ul-tabhs1 .h-title1 {
        padding-left: 0
    ;}

    .row-mba2 {
        background: #00797c;
        padding: 20px 0
    ;}

    .g-tit .h-title1 {
        display: block;
        text-align: left
    ;}

    .row-mba2 .g-tit .h-title1.white .tit {
        text-align: left
    ;}

    .ul-lisths8 .tit {
        font-size: 12px
    ;}

    .ul-tabhs1 li .g-tit .h-title1 {
        display: inline-block;
        text-align: center
    ;}

    .newswph3 .swiper-button-next,
    .newswph3 .swiper-button-prev {
        width: 48px;
        height: 48px
    ;}
}

@media only screen and (max-width: 767px) {
  
    .m-mabsixiang .item {
        width: auto;
        float: none
    ;}

    .ul-tabhs1 li {
        padding-bottom: 4vw
    ;}

    .ul-list2hs .txt .tit {
        font-size: 13px;
        line-height: 1.2;}
    .ul-list2hs .txt .more{
        display: none;}

    .newswph1 .pic .txt .tit {
        font-size: 16px
    ;}

    .newswph1 .pic .txt .time span {
        font-size: 20px
    ;}

    .downloadswph1.h-newsLs2 .con {
        padding: 10px
    ;}

    .ul-list2hs .txt {
        padding-bottom: 10px;
        height: 120px;
        padding-top: 60px
    ;}
}

@media only screen and (max-width: 500px) {
    .ul-list2hs .txt {
        height: 84px;
        padding-top: 40px
    ;}

    .m-download {
        padding: 0;
        background: 0 0
    ;}
}

@media only screen and (min-width: 1920px) and (max-width:2560px) {
    .jl-txt1 li {
        font-size: 2.083vw
    ;}
}



@media only screen and (max-width: 1300px) {
.ul-mbanewslist.h-newsLs2 .desc{font-size: 12px;}
.downloadswph1 .swiperLearn-btns, .newswph2 .swiperLearn-btns{width: 128px;}
.ban .tit{font-size: 20px;}
.m-ldjy .txt .desc{font-size: 16px;}
.m-ldjy .qm .nr{font-size: 16px;}
.m-ldjy .qm{margin-right: 10%;}
.m-ldjy .qm .img{width: 69px;height: 40px;}
.m-ldjy .txt .tits{font-size: 20px;}
.m-ldjy .txt .item.bg{padding: 0;}
.m-ldjy .txt .bg::before,.m-ldjy .txt .bg::after{display: none;}
}

.none{display: none !important;}