@font-face {
    font-family: 'DINProBold';
    src: url('../font/DINProBold.eot');
    src:
    url('../font/DINProBold.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINProBold.woff') format('woff'),
    url('../font/DINProBold.ttf') format('truetype'),
    url('../font/DINProBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINProReg';
    src: url('../font/DINProReg.eot');
    src:
    url('../font/DINProReg.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINProReg.woff') format('woff'),
    url('../font/DINProReg.ttf') format('truetype'),
    url('../font/DINProReg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DINProMed';
    src: url('../font/DINProMed.eot');
    src:
    url('../font/DINProMed.eot?#font-spider') format('embedded-opentype'),
    url('../font/DINProMed.woff') format('woff'),
    url('../font/DINProMed.ttf') format('truetype'),
    url('../font/DINProMed.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@charset "utf-8";
/* 初始化CSS */
*{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold;}
fieldset, img{border:none; vertical-align:middle;}
address, caption, cite, code, dfn, th, var{font-style:normal; font-weight:normal;}
ul, ol{list-style:none;}
li{list-style-type:none;}
input{padding-top:0; padding-bottom:0; font-family: "Microsoft Yahei","SimSun",Arial,sans-serif;}
select, input{vertical-align:middle;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}
textarea{font-family: "Microsoft Yahei","SimSun",Arial,sans-serif; resize:none;}
body{font:16px "Microsoft Yahei","SimSun",Arial,sans-serif; color:#333; background:#fff;-webkit-font-smoothing: antialiased;}
a{text-decoration:none; color:inherit;}
i, em{ font-style:normal;}
.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;}

/*html5*/
article,aside,footer,header,section,footer,nav,figure,main{display:block}

/*小号文字  scale以12号字体为基准 需写实际字号大小*/
.font_adjust{-webkit-text-size-adjust:none;}
.font_scale8{ -webkit-transform: scale(0.66);}
.font_scale10{ -webkit-transform: scale(0.83);}
.font_lc{-webkit-transform-origin:left center;}
.font_rc{-webkit-transform-origin:right center;}
.font_up{text-transform:uppercase;}

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/*transition*/
.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}

.scaleimg:hover .pic img,
.scaleimg:hover .pic em{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
.rotateY:hover{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); }
.translateX:hover{-webkit-transform:translateX(-6px); -moz-transform: translateX(-6px); -ms-transform:translateX(-6px); transform:translateX(-6px);}

/*网页限定宽度*/
.w1200{width: 1200px;margin: 0 auto;}
.w1400{width: 90%;margin: 0 auto;max-width: 1400px;}

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

*:before,*:after{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}

*:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); }

/*解决chrome浏览器 input,textarea 获得焦点时会有一个边框的问题*/
input,textarea{outline: none;}
/*清除ios端 input,textarea 默认内阴影 默认圆角,radio和checkbox需要还原值为normal*/
input,textarea{appearance: none;-webkit-appearance: none;border-radius: 0;}


.cd-popup { position: fixed; left: 0; top: 0;right: 0;bottom: 0; height: 100%; width: 100%;background: url(../images/grayBg.png) repeat;visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 9999;  opacity: 0;}
.cd-popup.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.cd-popup-container { position: relative; height: 36px; padding: 40px; background: #fff; width: 60%; margin: 0 auto; top: 50%; margin-top: -58px; background: #FFF; border-radius: .4rem .4rem .4rem .4rem; text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.is-visible .cd-popup-container { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.hidden_search .text { width: 100%; height: 20px; padding: 8px 0; font-size: 14px; color: #444;background: none;border:none;font-family: "Microsoft Yahei";}
.hidden_search .btn { display: block; background: url(../images/search_icon.jpg) no-repeat center center; position: absolute; right: 0; top: 0; height: 36px; width: 36px; text-indent: -999em;border:none;cursor: pointer;}
.hidden_search .search_wrap { border: 1px solid #e4eaec; border-radius: 20px; position: relative; padding-right: 56px; padding-left: 20px; height: 36px; }
.hidden_search .close_btn { position: absolute; right: 0; top: 0; padding: 10px; width: 22px; height: 22px; -webkit-transition: 0.5s; transition: 0.5s; }
.hidden_search .close_btn:after, .hidden_search .close_btn:before { background: #cccccc; width: 20px; height: 3px; display: block; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; content: ""; position: absolute; left: 10px; top: 11px; }
.hidden_search .close_btn:before { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.hidden_search .close_btn:after { -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: 26px; }
.hidden_search .close_btn:hover:after, .hidden_search .close_btn:hover:before { background: #0B90AC;}

.header .menuIcon{width: 28px;cursor: pointer;display: none;/* position: absolute;right: 5%;top:50%;
-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); */}
.header .menuIcon img{width: 100%;}

.navForm{background: #fff;border-radius: 3px;}
.navForm .text{width: 80%;height: 32px;border:none;background: none;font-size: 14px;color: #555;line-height: 32px;text-indent: 8px;}
.navForm .subm{width: 20%;height: 32px;border:none;background: url(../images/search_icon.jpg) no-repeat center;cursor: pointer;}
.mm-listview > li.nBorder:not(.mm-divider):after{display:none;}

.fz36{font-size: 36px;}
.fz25{font-size: 25px;}
.fz24{font-size: 24px;}
.fz22{font-size: 22px;}
.fz18{font-size: 18px;}
.fz16{font-size: 16px;}
.fz14{font-size: 14px;}

.header{line-height: 85px;position: relative;z-index: 3;}
.header > .w1400{display: flex;align-items: center;justify-content: space-between;}
.header .right{display: flex;align-items: center;}
.header .nLi{position: relative;padding: 0 15px;}
.header .nLi h3 a{display: block;color: #313131;font-weight: normal;position: relative;}
.header .nLi h3 a:before{content: "";width: 100%;height: 3px;background: #0B90AC;position: absolute;left: 0;bottom: 0;transform: scale(0,1);opacity: 0;visibility: hidden;}
.header .nLi .navSub{position: absolute;left: 50%;top:85px;background: #fff;text-align: center;width: 150px;margin-left: -75px;display: none;}
.header .nLi .navSub ul li{padding: 8px 0;}
.header .nLi .navSub a{display: block;line-height: 24px;padding: 2px 4px;position: relative;}
.header .nLi .navSub a:hover{color: #0B90AC;}
.header .nLi .navSub a:before{content: "";width: 2px;height: 100%;background: #0B90AC;position: absolute;left: 0;top:0;-webkit-transform: scale(1,0);transform: scale(1,0);}
.header .nLi .navSub a:hover:before{-webkit-transform: scale(1);transform: scale(1);}
.header .nLi.on h3 a,.header .nLi:hover h3 a{color: #0B90AC;}
.header .nLi.on h3 a:before,.header .nLi:hover h3 a:before{transform: scale(1);opacity: 1;visibility: visible;}
.header .language{margin: 0 38px;position: relative;}
.header .language dt{padding-right: 12px;position: relative;line-height: 22px;color: #313131;cursor: pointer;}
.header .language dt img{margin-right: 6px;filter: brightness(0) invert(0.3);}
.header .language dt:before{content: "";width: 7px;height: 7px;border-left: 1px solid #313131;border-bottom: 1px solid #313131;position: absolute;right: -2px;top:50%;margin-top: -4px;transform: rotateZ(-45deg);}
.header .language dd{position: absolute;left: 50%;top:22px;width: 100%;width: 120px;margin-left: -60px;display: none;}
.header .language dd i{display: block;margin: 0 auto;width: 0;height: 0;border: 8px solid transparent;border-bottom-color: #efefef;}
.header .language dd ul{background: #efefef;text-align: center;}
.header .language dd ul li a{display: block;line-height: 44px;}
.header .language dd ul li a:hover{color: #0B90AC;}
.header .language:hover dt{color: #0B90AC;}
.header .language:hover dt:before{border-color: #0B90AC;}
.header .language:hover dt img{filter: brightness(1) invert(0);}
.header .searchBtn{width: 20px;height: 20px;cursor: pointer;background: url(../images/searchBtn.svg) no-repeat center;filter: brightness(0) invert(0.3);}
.header .searchBtn:hover{filter: brightness(1) invert(0);}

.bannerWrap{margin-bottom: 100px;position: relative;}
.banner{position: relative;overflow: hidden;}
.banner a em{display: block;padding-bottom: 805px;background-repeat: no-repeat;background-position: center;background-size: cover;}
.banner .btn{width: 50px;height: 50px;position: absolute;top:50%;margin-top: -25px;cursor: pointer;z-index: 2;text-align: center;line-height: 50px;font-size: 0;vertical-align: top;}
.banner .btn:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;box-sizing: border-box;border: 1px solid #fff;border-radius: 50%;}
.banner .prev{left: 5.3%;}
.banner .next{right: 5.3%;}
.banner .btn:hover{transform:translateX(16px); }
.banner .btn:hover:before{transform: scale(1.3);}
.banner .prev:hover{transform:translateX(-16px); }

.iNav{position: absolute;left: 0;bottom: -86px;width: 100%;z-index: 2;}
.iNav .container{padding: 0 24px 24px;position: relative;overflow: hidden;}
.iNav .container a{display: block;text-align: center;border-radius: 4px;padding: 20px 0 28px;background: #fff;box-shadow: 0 8px 24px 8px rgba(11,144,172,0.1);color: #313131;line-height: 25px;overflow: hidden;position: relative;}
.iNav .container a .icon{width: 70px;height: 70px;margin-bottom: 4px;position: relative;z-index: 2;}
.iNav .container a h5{position: relative;z-index: 2;}
.iNav .container a:before{content: "";width: 60px;height: 60px;background: #0B90AC;position: absolute;left: -15px;top:-15px;border-radius: 50%;opacity: 0;}
.iNav .container a:hover{color: #fff;}
.iNav .container a:hover:before{transform: scale(6.6);opacity: 1;}
.iNav .container a:hover .icon{filter: brightness(0) invert(1);}

.iTitle{border-bottom: 1px solid #E4E4E4;display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;}
.iTitle h3{padding-bottom: 20px;position: relative;line-height: 50px;color: #313131;}
.iTitle h3:before{content: "";width: 100%;height: 4px;background: #0B90AC;position: absolute;left: 0;bottom: -1px;}
.iTitle .imore{width: 33px;height: 47px;line-height: 47px;background: url(../images/moreBg.svg) no-repeat center;}

.bgStyle{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}

.list li a{display: block;position: relative;line-height: 50px;padding: 0 100px 0 13px;}
.list li a:before{content: "";width: 4px;height: 4px;position: absolute;left: 0;top:50%;margin-top: -2px;background: #DFA758;}
.list li a h5{color: #6A6B6C;font-weight: normal;}
.list li a span{position: absolute;right: 0;top:0;color: #ACACAC;font-family: "DINProReg";}
.list li a:hover:before{background: #0B90AC;}
.list li a:hover h5{color: #0B90AC;}

.isect1{margin-bottom: 40px;display: flex;justify-content: space-between;}
.isect1 .content{background: #F4FAFC;height: 456px;box-sizing: border-box;border-radius: 4px;}
.isect1_1{width: 65.7%;}
.isect1_1 .content{padding: 40px 30px 17px;}
.isect1_1 .recom{margin-bottom: 15px;}
.isect1_1 .recom a{display: flex;}
.isect1_1 .recom .pic{flex-shrink: 0;margin-right: 37px;position: relative;overflow: hidden;width: 290px;height: 183px;}
.isect1_1 .recom .text{flex: 1;overflow: hidden;border-bottom: 1px solid #DCDFE6;padding-top: 12px;}
.isect1_1 .recom .text h5{line-height: 32px;color: #0B90AC;padding-right: 100px;position: relative;margin-bottom: 6px;}
.isect1_1 .recom .text h5 span{position: absolute;right: 0;top:0;}
.isect1_1 .recom .text p{line-height: 32px;color: #6A6B6C;max-height: 96px;overflow: hidden;}

.isect1_2{width: 31.4%;}
.isect1_2 .content{padding: 37px 35px 37px 40px;}
.isect1_2 .content li{margin-top: 34px;}
.isect1_2 .content li:first-child{margin-top: 0;}
.isect1_2 .content li a{display: flex;align-items: center;}
.isect1_2 .content li .date{width: 65px;height: 67px;background: #FFFFFF;box-shadow: 2px 2px 4px rgba(11,144,172,0.13);box-sizing: border-box;padding: 9px 0 0;text-align: center;color: #0B90AC;flex-shrink: 0;margin-right: 23px;}
.isect1_2 .content li .date em{display: block;font-size: 33px;line-height: 1;font-family: "DINProBold";}
.isect1_2 .content li .date span{display: block;font-size: 12px;line-height: 15px;font-family: "DINProReg";}
.isect1_2 .content li h5{flex: 1;overflow: hidden;line-height: 30px;color: #6A6B6C;font-weight: normal;}
.isect1_2 .content li a:hover .date{background: #0B90AC;color: #fff;}
.isect1_2 .content li a:hover h5{color: #0B90AC;}

.isect2{padding: 34px 0 48px;background: url(../images/isect2Bg.jpg) no-repeat center top;background-size: cover;}
.isect2 .iTitle h3{color: #FFFFFF;}
.isect2 .iTitle .imore{background-image: url(../images/imoreBg1.svg);}
.isect2 .iTitle .imore img{filter: brightness(0) invert(1);}
.isect2 .container{position: relative;overflow: hidden;}
.isect2 .container a{display: block;border-radius: 8px;overflow: hidden;position: relative;color: #313131;line-height: 32px;background: #FFFFFF;}
.isect2 .container a:before{content: "";width: 68px;height: 110px;position: absolute;right: 0;bottom: 0;background: url(../images/logoIcon.svg) no-repeat center;opacity: 0;}
.isect2 .container a .pic{padding-bottom: 69.9%;position: relative;overflow: hidden;}
.isect2 .container a .text{padding: 20px 24px 46px 30px;}
.isect2 .container a .text h5{height: 64px;overflow: hidden;}
.isect2 .container a .text .arr{margin-top: 16px;filter: brightness(0) invert(1);}
.isect2 .container a:hover{background: #0B90AC;color: #fff;}
.isect2 .container a:hover:before{opacity: 1;}

.isect3{padding: 50px 0;display: flex;justify-content: space-between;}
.isect3_1{width: 74.6%;}
.isect3_1 .ul{display: flex;overflow: hidden;}
.isect3_1 .ul .nLi{width: 233px;}
.isect3_1 .ul .nLi dl{width: 100%;position: relative;display: flex;background: #F4FAFC;}
.isect3_1 .ul .nLi dl dt{position: relative;flex-shrink: 0;width: 233px;height: 362px;background: #25B1CE;text-align: center;}
.isect3_1 .ul .nLi dl dt:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/isect3Bg1.jpg) no-repeat center;background-size: cover;opacity: 0;}
.isect3_1 .ul .nLi dl dt:after{content: "";border: 9px solid transparent;border-left-color: #0B90AC;position: absolute;right: -18px;top:50%;margin-top: -9px;opacity: 0;}
.isect3_1 .ul .nLi dl dt a{display: block;width: 100%;height: 100%;display: flex;align-items: center;position: relative;z-index: 2;}
.isect3_1 .ul .nLi dl dt a .wrap{width: 100%;text-align: center;}
.isect3_1 .ul .nLi dl dt a h5{color: #fff;font-weight: normal;line-height: 1;margin-top: 20px;}
.isect3_1 .ul .nLi dl dd{flex: 1;box-sizing: border-box;padding: 20px 38px 20px 48px;overflow: hidden;}
.isect3_1 .ul .nLi dl dd .list{opacity: 0;transform: translateY(30px);}
.isect3_1 .ul .nLi dl dd .list li a{padding-left: 128px;padding-right: 0;height: 45px;line-height: 45px;}
.isect3_1 .ul .nLi dl dd .list li a span{right: auto;left: 18px;}
.isect3_1 .ul .nLi.active{flex: 1;}
.isect3_1 .ul .nLi.active dl dt:before,.isect3_1 .ul .nLi.active dl dt:after{opacity: 1;}
.isect3_1 .ul .nLi.active dl dd .list{opacity: 1;transform: translateY(0);transition: 0.8s 0.3s;}

.isect3_2{width: 22.3%;}
.isect3_2 .list{padding: 26px 20px 0 40px;background: #F4FAFC;border-radius: 4px;box-sizing: border-box;height: 362px;}
.isect3_2 .list li a{padding-right: 0;height: 52px;line-height: 52px;}

.footer{padding: 36px 0;background: url(../images/footerBg.jpg) no-repeat  center top;background-size: cover;color: #FFFFFF;}
.footer .link{border-top: 1px solid rgba(255,255,255,0.29);border-bottom: 1px solid rgba(255,255,255,0.29);display: flex;line-height: 56px;margin-bottom: 40px;}
.footer .link dt{flex-shrink: 0;margin-right: 12px;}
.footer .link dd{flex: 1;overflow: hidden;}
.footer .link .container{width: 100%;position: relative;overflow: hidden;}
.footer .link .container .swiper-slide{width: auto;}
.footer .link .container a:hover{color: #0B90AC;}
.footer .btm{display: flex;align-items: center;justify-content: space-between;}
.footer .btm .logo{display: block;width: 29.5%;}
.footer .btm .logo img{width: 100%;}
.footer .btm .text{width: 68%;text-align: right;line-height: 22px;}
.footer .btm .text p{padding: 6px 0;}
.footer .btm .text span{margin-right: 34px;}
.footer .btm .text span:last-child{margin-right: 0;}
.footer .btm .text span img{margin-right: 8px;}

.float{position: fixed;right: -80px;top:50%;transform: translateY(-50%);z-index: 5;}
.float.show{right: 0;}
.float dl{position: relative;}
.float dt{width: 40px;box-sizing: border-box;padding: 12px 8px 16px;background: #0B90AC;border-radius: 2px;text-align: center;line-height: 18px;color: #fff;cursor: pointer;}
.float dt img{margin-bottom: 3px;}
.float dd{position: absolute;right: 100%;top:0;padding-right: 15px;display: none;}
.float dd ul{width: 80px;padding: 20px 15px;border: 1px solid #E4E4E4;border-radius: 2px;background: #FFFFFF;text-align: center;text-align: center;}
.float dd ul li{margin-bottom: 20px;}
.float dd ul li:last-child{margin-bottom: 0;}
.float dd ul li img{width: 70px;height: 70px;margin-bottom: 6px;}
.float .toTop{width: 40px;height: 40px;box-sizing: border-box;border: 1px solid #0B90AC;background: #F3FAFB;border-radius: 2px;display: flex;align-items: center;justify-content: center;margin-top: 15px;cursor: pointer;}
.float .toTop:hover{background: #0B90AC;}
.float .toTop:hover img{filter: brightness(0) invert(1);}

.nyBanner{width: 100%;height: 500px;background-repeat: no-repeat;background-position: center;background-size: cover;}

.nyWrap{padding: 60px 0 30px;background: #F6F6F6;}

.nySide{width: 18.6%;}
.nySide .title{padding: 32px 10px 32px 40px;background: #0B90AC;color: #fff;overflow: hidden;position: relative;}
.nySide .title .icon{position: absolute;right: -6px;bottom: -10px;}
.nySide .title .ch{line-height: 36px;margin-bottom: 3px;}
.nySide .title .en{line-height: 17px;font-family: "Arial";opacity: 0.4;font-weight: normal;}
.nySide ul{padding-top: 1px;}
.nySide .nLi{border: 1px solid #DFDFDF;background: #F9F9F9;margin-top: -1px;transition:all 0.3s linear;}
.nySide .nLi h4 a{display: block;padding: 16px 20px 16px 40px;position: relative;color: #666666;line-height: 25px;font-weight: normal;}
.nySide .nLi h4 a:before{content: "";width: 2px;height: 100%;position: absolute;left: -1px;top:0;background: #0B90AC;transform: scale(1,0);opacity: 0;}
.nySide .nLi.on,.nySide .nLi:hover{background: #FFFFFF;}
.nySide .nLi.on h4 a,.nySide .nLi h4 a:hover{color: #0B90AC;}
.nySide .nLi.on h4 a{font-weight: bold;}
.nySide .nLi.on h4 a:before,.nySide .nLi h4 a:hover:before{transform: scale(1);opacity: 1;}
.nySide .nLi.hasNavSub h4 a:after{content: "";width: 9px;height: 9px;border-left: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;position: absolute;right: 36px;top:50%;margin-top: -5px;transform: rotateZ(-135deg);}
.nySide .nLi.hasNavSub.on h4 a:after{transform: rotateZ(-45deg);}
.nySide .nLi .navSub{display: none;}
.nySide .nLi .navSub ul{padding: 0 35px 10px 40px;border-top: 1px solid #F1F1F1;}
.nySide .nLi .navSub ul li{border-top: 1px solid #F6F6F6;}
.nySide .nLi .navSub ul li:first-child{border-top: none;}
.nySide .nLi .navSub ul li a{display: block;position: relative;padding: 8px 0 6px;color: #999;line-height: 20px;}
.nySide .nLi .navSub ul li a:before{content: "";width: 15px;height: 9px;position: absolute;right: 0;top:50%;margin-top: -4px;background: url(../images/arrow3.svg) no-repeat center;opacity: 0;}
.nySide .nLi .navSub ul li.on a,.nySide .nLi .navSub ul li a:hover{color: #0B90AC;}
.nySide .nLi .navSub ul li.on a:before,.nySide .nLi .navSub ul li a:hover:before{opacity: 1;}

.nyContent{width: 78.6%;box-sizing: border-box;padding: 20px 50px 50px;background: #FFFFFF;min-height: 450px;}

.bread{border-bottom: 1px solid #F6F6F6;margin-bottom: 30px;}
.bread h4{line-height: 30px;color: #0B90AC;padding-bottom: 18px;position: relative;}
.bread h4:before{content: "";width: 100%;height: 1px;background: #0B90AC;position: absolute;left: 0;bottom: -1px;}
.bread .path{margin-top: 5px;padding: 0 0 0 20px;background: url(../images/pathIcon.svg) no-repeat left center;line-height: 20px;color: #666;}
.bread .path span{margin: 0 5px;}
.bread .path a:hover{color: #0B90AC;}

.pageStyle{line-height: 32px;color: #333333;}
.pageStyle *{max-width: 100% !important;}
.pageStyle img{max-height: 100% !important;}

.aboutWrap .title{margin-bottom: 27px;padding-bottom: 9px;position: relative;text-align: center;line-height: 30px;color: #111111;}
.aboutWrap .title:before{content: "";width: 40px;height: 2px;background: #7A7A7A;position: absolute;left: 50%;bottom: 0;margin-left: -20px;}

.teacherList{padding-bottom: 10px;}
.teacherList li{width: 49%;margin-bottom: 20px;}
.teacherList li:nth-child(2n){float: right;}
.teacherList li a{display: flex;width: 100%;align-items: center;background: #F6F6F6;padding: 20px;box-sizing: border-box;}
.teacherList li .pic{width: 150px;height: 180px;font-size: 0;text-align: center;line-height: 180px;flex-shrink: 0;margin-right: 20px;overflow: hidden;}
.teacherList li .pic img{max-width: 100%;max-height: 100%;}
.teacherList li .text{flex: 1;overflow: hidden;}
.teacherList li .text h5{border-bottom: 1px solid #DCDCDC;margin-bottom: 15px;padding-bottom: 7px;color: #111111;}
.teacherList li .text h5 span{margin-left: 10px;font-size: 12px;color: #999999;font-weight: normal;}
.teacherList li .text p{line-height: 20px;color: #666666;height: 60px;overflow: hidden;margin-bottom: 20px;}
.teacherList li a:hover{background: #FFFFFF;box-shadow: 0 0 8px #D3D3D3;}
.teacherList li a:hover .text h5{color: #0B90AC;}
.teacherList li a:hover .moreBtn{border-color: #0B90AC;background: #0B90AC;color: #fff;}
.teacherList li a:hover .moreBtn span:before{border-color: #fff;}

.moreBtn{display: block;width: 100px;height: 30px;box-sizing: border-box;border: 1px solid #E7E7E7;border-radius: 15px;text-align: center;line-height: 28px;font-size: 0;color: #999999;}
.moreBtn span{display: inline-block;font-size: 12px;padding-right: 9px;position: relative;}
.moreBtn span:before{content: "";width: 5px;height: 5px;border-left: 1px solid #999999;border-bottom: 1px solid #999999;position: absolute;right: 0;top:50%;margin-top: -3px;transform: rotateZ(-135deg);}
.moreBtn:hover{border-color: #0B90AC;background: #0B90AC;color: #fff;}
.moreBtn:hover span:before{border-color: #fff;}

.page{text-align: center;font-size: 0;}
.page a{display: inline-block;font-size: 14px;color: #999999;line-height: 26px;margin: 0 10px;border: 1px solid #F0F0F0;padding: 0 14px;}
.page a.num{padding: 0 10px;margin: 0 4px;}
.page a.on,.page a:hover{background: #0B90AC;border-color: #0B90AC;color: #fff;}

.teacherCont{display: flex;}
.teacherCont .desc{width: 217px;margin-right: 48px;flex-shrink: 0;}
.teacherCont .desc .pic{width: 193px;position: relative;margin-bottom: 34px;}
.teacherCont .desc .pic img{width: 100%;position: relative;z-index: 2;}
.teacherCont .desc .pic:before{content: "";position: absolute;width: 100%;height: 100%;left: 20px;top:20px;background: #D8D8D8;opacity: 0.5;}
.teacherCont .desc .text{color: #333333;line-height: 32px;}
.teacherCont .desc .text em{color: #333333;font-weight: bold;}
.teacherCont .content{flex: 1;overflow: hidden;padding-top: 20px;}
.teacherCont .content .title{border-bottom: 1px solid #DCDCDC;margin-bottom: 12px;padding-bottom: 12px;line-height: 25px;color: #0B90AC;}
.teacherCont .content .title span{font-weight: normal;font-size: 12px;color: #999999;margin-left: 10px;}

.newsList{padding-bottom: 30px;}
.newsList li{padding: 20px 30px 20px 0;}
.newsList li a{display: flex;width: 100%;align-items: center;}
.newsList li .pic{flex-shrink: 0;margin-right: 4.3%;position: relative;overflow: hidden;width: 250px;padding-bottom: 140px;transform-origin:right center;}
.newsList li .text{flex: 1;overflow: hidden;}
.newsList li .text h5{line-height: 25px;color: #111111;font-weight: normal;padding-bottom: 12px;border-bottom: 1px solid #DCDCDC;margin-bottom: 12px;}
.newsList li .text p{line-height: 22px;color: #666666;max-height: 44px;overflow: hidden;}
.newsList li .date{flex-shrink: 0;margin-left: 30px;padding-left: 23px;border-left: 1px solid #DCDCDC;width: 48px;}
.newsList li .date span{display: block;color: #999999;line-height: 17px;font-family: "DINProReg";font-size: 14px;}
.newsList li .date em{display: block;line-height: 22px;color: #111111;font-family: "DINProMed";font-size: 18px;margin-bottom: 13px;}
.newsList li .date .arr{filter: brightness(0) invert(0.6);}
.newsList li:hover{box-shadow: 0 0 8px rgba(211,211,211,0.5);}
.newsList li:hover .pic{transform: scale(0.9);}
.newsList li:hover .text h5,.newsList li:hover .date em{color: #0B90AC;}
.newsList li:hover .date .arr{filter: brightness(1) invert(0);}

.passage .psgTitle{margin-bottom: 27px;text-align: center;}
.passage .psgTitle h5{line-height: 25px;color: #111111;margin-bottom: 20px;}
.passage .psgTitle .info{padding: 19px 0;border-top: 1px solid #F4F4F4;border-bottom: 1px solid #F4F4F4;line-height: 20px;color: #999999;}
.passage .psgTitle .info span{margin: 0 16px;}
.passage .psgCont{color: #333333;margin-bottom: 58px;}
.passage .psgCont .pic{text-align: center;}
.passage .psgLink{padding-top: 23px;border-top: 1px solid #F4F4F4;color: #333333;line-height: 30px;font-weight: bold;}
.passage .psgLink a{font-weight: normal;}
.passage .psgLink li:hover a{color: #0B90AC;text-decoration: underline;}

.noticeList{padding-bottom: 16px;}
.noticeList li{margin-bottom: 20px;}
.noticeList li a{display: flex;width: 100%;box-sizing: border-box;padding: 0 28px;background: #F6F6F6;line-height: 70px;color: #111111;align-items: center;}
.noticeList li .date{flex-shrink: 0;padding-right:17px;position: relative;font-family: "DINProMed";margin-right: 17px;}
.noticeList li .date:before{content: "";width: 1px;height: 14px;position: absolute;right: 0;top:50%;margin-top: -7px;background: #A8A8A8;}
.noticeList li .arr{flex-shrink: 0;margin-left: 40px;filter: brightness(0) invert(0.6);}
.noticeList li .btn{flex-shrink: 0;width: 120px;height: 35px;box-sizing: border-box;border: 1px solid rgba(11,144,172,0.2);border-radius: 18px;text-align: center;line-height: 33px;color: #0B90AC;margin: 0 -20px 0 20px;}
.noticeList li .btn img{margin: -0.25em 0 0 3px;}
.noticeList li h5{flex: 1;overflow: hidden;font-weight: normal;}
.noticeList li a:hover{background: #0B90AC;color: #fff;}
.noticeList li a:hover .date:before{background: #E9E9E9;opacity: 0.5;}
.noticeList li a:hover .arr{filter: brightness(0) invert(1);}
.noticeList li a:hover .btn{border-color: rgba(255,255,255,0.2);color: #fff;}
.noticeList li a:hover .btn img{filter: brightness(0) invert(1);}

.navScroll{position: relative;overflow: hidden;padding-bottom: 40px;}
.navScroll .swiper-slide{width: auto;}
.navScroll a{display: flex;align-items: center;justify-content: space-between;width: 185px;box-sizing: border-box;padding: 0 18px 0 26px;height: 60px;background: #F8F8F8;}
.navScroll a .ch{line-height: 25px;color: #666666;font-weight: normal;}
.navScroll a .en{color: #999999;line-height: 16px;font-family: "Arial";font-weight: normal;}
.navScroll a .icon{height: 34px;}
.navScroll .on a,.navScroll a:hover{background: #0B90AC;}
.navScroll .on a .ch,.navScroll .on a .en,.navScroll a:hover .ch,.navScroll a:hover .en{color: #fff;}
.navScroll .on a .en,.navScroll a:hover .en{opacity: 0.4;}
.navScroll .on a .icon,.navScroll a:hover .icon{filter: brightness(0) invert(1);opacity: 0.3;}

.videoList{padding-bottom: 10px;display: flex;flex-wrap: wrap;}
.videoList li{width: 32%;margin: 0 2% 2% 0;}
.videoList li:nth-child(3n){margin-right: 0;}
.videoList li a{display: block;}
.videoList li .pic{padding-bottom: 59.4%;position: relative;overflow: hidden;}
.videoList li .text{padding: 15px 25px 15px 20px;background: #F6F6F6;position: relative;overflow: hidden;line-height: 30px;}
.videoList li .text .bg{position: absolute;right: 0;bottom: 0;opacity: 0;}
.videoList li .text h5{color: #111111;font-weight: normal;}
.videoList li .text p{color: #999999;font-size: bold;}
.videoList li .text p img{margin: -0.25em 4px 0 0;}
.videoList li a:hover .text{background: #0B90AC;}
.videoList li a:hover .text .bg{opacity: 1;}
.videoList li a:hover .text h5,.videoList li a:hover .text p{color: #fff;}
.videoList li a:hover .text p img{filter: brightness(0) invert(1);}

.navScroll1{position: relative;padding-bottom: 35px;overflow: hidden;}
.navScroll1 a{display: block;padding: 18px 12px;text-align: center;line-height: 24px;color: #666666;background: #F8F8F8;}
.navScroll1 .on a,.navScroll1 a:hover{background: #0B90AC;color: #fff;}

.contactUs .item1{margin-bottom: 24px;}
.contactUs .item1 ul{display: flex;}
.contactUs .item1 li{flex: 1;box-sizing: border-box;padding: 16px 10px 8px;border-left: 1px solid #DCDCDC;text-align: center;line-height: 20px;color: #666666;}
.contactUs .item1 li:last-child{border-right: 1px solid #DCDCDC;}
.contactUs .item1 li h5{color: #111111;font-weight: normal;margin: 10px 0;}
.contactUs .item2{height: 318px;margin-bottom: 52px;}
.contactUs .item3 .title{margin-bottom: 16px;line-height: 25px;color: #111111;}
.contactUs .item3 ul{display: flex;flex-wrap: wrap;}
.contactUs .item3 ul li{width: 31%;margin: 0 3.5% 24px 0;box-sizing: border-box;padding: 20px 10px 20px 27px;background: #F8F8F8;line-height: 20px;color: #666666;}
.contactUs .item3 ul li:nth-child(3n){margin-right: 0;}
.contactUs .item3 ul li h5{line-height: 22px;color: #111111;position: relative;margin-bottom: 15px;}
.contactUs .item3 ul li h5:before{content: "";width: 3px;height: 17px;background: #0B90AC;position: absolute;left: -27px;top:50%;margin-top: -8px;}


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

.fz36{font-size: 28px;}
.fz24{font-size: 22px;}
.fz22{font-size: 20px;}
.fz18{font-size: 16px;}
.fz16{font-size: 15px;}
.fz14{font-size: 13px;}

.header .logo img{height: 54px;}
.header .language{margin: 0 22px;}
.header .nLi{padding: 0 12px;}
.banner a em{padding-bottom: 42%;}
.iNav .container a{padding: 10px 0 18px;}
.iNav .container a .icon{width: 58px;height: 58px;}

.iTitle{margin-bottom: 20px;}
.iTitle h3{padding-bottom: 10px;}
.isect1 .content{height: 440px;}
.isect1_1 .content{padding: 30px 30px 0;}
.isect1_2 .content{padding: 30px 30px 0;}
.isect2 .container a{line-height: 26px;}
.isect2 .container a .text{padding: 12px 16px 26px 20px;}
.isect2 .container a .text h5{height: 52px;}
.isect3{padding: 30px 0;}
.isect3_1 .ul .nLi{width: 200px;}
.isect3_1 .ul .nLi dl dt{width: 200px;height: 330px;}
.isect3_1 .ul .nLi dl dt a .icon{width: 80px;}
.isect3_1 .ul .nLi dl dt a h5{margin-top: 12px;}
.isect3_1 .ul .nLi dl dd{padding: 5px 20px 0;}
.isect3_2 .list{height: 330px;padding: 16px 20px 0 24px;}
.isect3_2 .list li a{height: 50px;line-height: 50px;}

.footer .btm .text{font-size: 14px;}
.footer .btm .text span{margin-right: 20px;}

.nySide .title{padding: 24px 10px 24px 30px;}
.nySide .nLi h4 a{padding: 12px 12px 12px 30px;}
.nySide .nLi.hasNavSub h4 a:after{right: 20px;}
.nySide .nLi .navSub ul{padding: 0 20px 10px 30px;}

.nyContent{padding: 20px 40px 50px;}
.teacherList li a{padding: 15px;}
.teacherList li .pic{margin-right: 12px;}


}

@media screen and (max-width: 1300px){
.header .logo img{height: 44px;}
}

@media screen and (max-width: 1200px){
.header .nav,.header .language{display: none;}
.header .menuIcon{display: block;margin-left: 20px;}
.iNav .container{padding: 0 12px 24px;}
.iNav .container a{box-shadow: 0 0 12px rgb(11 144 172 / 20%);}
.nyBanner{height: 300px;}
.nyWrap{padding: 30px 0;}
.nySide{display: none;}
.nyContent{width: 100%;padding: 20px 30px 30px;}
.bread{margin-bottom: 20px;}
.bread h4{padding-bottom: 14px;}
.aboutWrap .title{margin-bottom: 18px;}
}

@media screen and (max-width: 1024px){
.fz36{font-size: 24px;}
.fz24{font-size: 18px;}
.fz22{font-size: 16px;}
.fz18{font-size: 15px;}
.fz16{font-size: 14px;}
.fz14{font-size: 12px;}
.iTitle h3{line-height: 40px;}
.list li a{line-height: 44px;}

.isect1{flex-wrap: wrap;}
.isect1 .content{height: auto;}
.isect1_1,.isect1_2{width: 100%;}
.isect1_1{margin-bottom: 20px;}
.isect1_1 .content{padding: 20px;}
.isect1_1 .recom .pic{margin-right: 24px;}
.isect1_2 .content{padding: 20px;}
.isect1_2 .content li{margin-top: 20px;}
.isect2{padding: 20px 0;}
.isect2 .container a{line-height: 24px;}
.isect2 .container a .text h5{height: 48px;}
.isect2 .container a .text .arr{margin-top: 10px;}
.isect3{flex-wrap: wrap;padding-top: 15px;}
.isect3_1,.isect3_2{width: 100%;}
.isect3_1{margin-bottom: 20px;}
.isect3_1 .ul .nLi dl dd{display:none;}
.isect3_1 .ul .nLi{flex:1;}
.isect3_1 .ul .nLi dl dt{width: 100%;height: 260px;}
.isect3_1 .ul .nLi dl dt a .icon{width: 60px;}
.isect3_2 .list{height: auto;padding: 12px 20px;}
.isect3_2 .list li a{height: 40px;line-height: 40px;}

.footer{padding: 28px 0;}
.footer .link{line-height: 40px;margin-bottom: 12px;}
.footer .btm .logo{display: none;}
.footer .btm .text{width: 100%;text-align: center;}

.teacherList li{width: 100%;}
.teacherCont .desc{margin-right: 24px;}
.teacherCont .content{padding-top: 10px;}

.newsList li{padding: 14px 20px 14px 0;}
.newsList li .pic{margin-right: 3%;}
.newsList li .date{margin-left: 20px;padding-left: 16px;}

.navScroll{padding-bottom: 20px;}

.videoList li .text{padding: 10px 15px;}

.navScroll1{padding-bottom: 20px;}
.navScroll1 .swiper-slide{width: auto;}
.navScroll1 a{padding: 12px 30px;}

.contactUs .item3 ul li{width: 49%;margin-right: 2%;}
.contactUs .item3 ul li:nth-child(2n){margin-right: 0;}
.contactUs .item3 ul li:nth-child(3n){margin-right: 2%;}
}

@media screen and (max-width: 760px){
.header{line-height: 66px;}
.header .logo img{height: 38px;}
.banner .btn{display: none;}
.isect1_1 .recom a{flex-wrap: wrap;display: block;}
.isect1_1 .recom .pic{width: 100%;margin-right: 0;}
.isect1_1 .recom .text{width: 100%;padding-bottom: 12px;}
.isect1_1 .recom .text h5{margin: 0;padding-right: 66px;}
.isect1_1 .recom .text p{line-height: 28px;max-height: 56px;}
.footer .btm .text{font-size: 12px;}
.footer .btm .text p{padding: 3px 0;}
.footer .btm .text span{margin-right: 0;display: block;}

.list li a{padding: 0 80px 0 13px;}

.nyBanner{height: 200px;}
.nyContent{padding: 10px 20px 20px;}
.bread h4{padding-bottom: 6px;}
.bread .path{display: none;}
.bread .path span{margin: 0 3px;}

.pageStyle{line-height: 28px;}

.teacherCont{display: block;}
.teacherCont .desc{width: 100%;margin-right: 0;display: flex;}
.teacherCont .desc .pic{margin-right: 30px;width: 150px;margin-bottom: 20px;}
.teacherCont .desc .pic:before{left: 10px;top:10px;}
.teacherCont .desc .text{line-height: 28px;}
.teacherCont .content .title{padding-bottom: 6px;}

.newsList{padding-bottom: 10px;}
.newsList li{padding: 10px;box-shadow: 0 0 8px rgba(211,211,211,0.6);margin-bottom: 20px;}
.newsList li a{display: block;}
.newsList li .pic{width: 100%;margin: 0 0 12px;padding-bottom: 56%;}
.newsList li .text h5{padding-bottom: 6px;margin-bottom: 6px;}
.newsList li .date{padding-left: 0;margin-left: 0;border: none;width: 100%;line-height: 22px;margin-top: 8px;}
.newsList li .date em,.newsList li .date span{display: inline-block;line-height: 22px;}
.newsList li .date .arr{margin-left: 4px;}
.newsList li:hover .pic{transform: scale(1);}

.passage .psgTitle{margin-bottom: 20px;}
.passage .psgTitle h5{margin-bottom: 6px;}
.passage .psgTitle .info{padding: 12px 0;}
.passage .psgTitle .info span{margin: 0 5px;}
.passage .psgCont{margin-bottom: 30px;}
.passage .psgLink{padding-top: 16px;}

.noticeList li{margin-bottom: 12px;}
.noticeList li a{padding: 0 10px;line-height: 58px;}
.noticeList li .date{padding-right: 10px;margin-right: 10px;font-size: 12px;}
.noticeList li .arr{display: none;}
.noticeList li .btn{width: auto;font-size: 0;border: none;margin: 0 0 0 10px;}
.noticeList li .btn img{height: 10px;}

.videoList li{width: 49%;}
.videoList li:nth-child(3n){margin-right: 2%;}
.videoList li:nth-child(2n){margin-right: 0;}
.videoList li .text{padding: 10px;line-height: 24px;}
.videoList li .text .bg{height: 80%;}

.contactUs .item1{margin-bottom: 20px;}
.contactUs .item1 ul{flex-wrap: wrap;}
.contactUs .item1 li{padding: 10px;width: 50%;flex: auto;}
.contactUs .item1 li:nth-child(2n){border-right: 1px solid #DCDCDC;}
.contactUs .item1 li .icon{height: 48px;}
.contactUs .item1 li h5{margin: 5px 0;}
.contactUs .item2{height: 240px;margin-bottom: 20px;}
.contactUs .item3 .title{margin-bottom: 10px;}
.contactUs .item3 ul li{padding: 15px 10px 15px 20px;margin-bottom: 12px;}
.contactUs .item3 ul li h5{margin-bottom: 10px;}
.contactUs .item3 ul li h5:before{left: -20px;}

}

@media screen and (max-width: 468px){
.header .menuIcon{margin-left: 14px;}
.iNav{position: relative;bottom: auto;margin-top: -20px;}
.iNav .container a{padding: 10px 0;}
.iNav .container a .icon{width: 44px;height: 44px;margin-bottom: 0;}
.bannerWrap{margin-bottom: 0;}
.isect1{margin-bottom: 30px;}
.isect1_1 .recom .pic{height: 0;padding-bottom: 62.88%;}
.isect1_2 .content li .date{margin-right: 15px;}
.list li a{line-height: 40px;}
.cd-popup-container{padding: 40px 20px;width: 80%;}

.teacherList{padding-bottom: 0;}
.teacherList li .pic{width: 120px;height: auto;line-height: normal;}
.teacherList li .text p{margin-bottom: 10px;}

.moreBtn{width: 88px;height: 26px;line-height: 24px;}

.page a.num{display: none;}
.page a.num.on{display: inline-block;}
}