html, body, div,
h1, h2, h3, h4, h5, h6,
hr, p, blockquote,
dl, dt, dd, ul, ol, li,
pre, form, fieldset, object, code,
legend, button, input, textarea, label,
th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}
body{font: 12px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', '\5FAE\8F6F\96C5\9ED1', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}
.inner{max-width: 1400px;margin: 0 auto;}
li{ list-style: none; }
a:hover{text-decoration: none;}
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: block; }
p{font-size: 16px;color: #333333;line-height: 35px;}
@font-face{ font-family: DIN; src: url('./fonts/DIN-Regular.otf'); }
@font-face{ font-family: DinBold; src: url('./fonts/DIN-Bold.otf'); }
@font-face{ font-family: DinMedium; src: url('./fonts/DIN-Medium.ttf'); }
@font-face{ font-family: Hans; src: url('./fonts/SourceHanSansCN-Normal.otf'), url('./fonts/SourceHanSansCN-Regular.ttf');}
@font-face{ font-family: PuHui; src: url('./fonts/Alibaba-PuHuiTi-Medium.ttf');}
.mes-form{overflow: hidden; width: 100%; margin:20px 0; text-align: center; }
.mes-form .form-tr{overflow: hidden;}
.mes-form .form-tr input{ margin:0 auto; display: block; width: 80%; padding: 0 10px; height: 38px; line-height: 38px; border: 1px solid #e6e6e6;}
.mes-form .form-tr textarea{margin:0 auto; display: block; width: 80%; padding: 5px 10px; height: 168px; border: 1px solid #e6e6e6;}
.mes-form .form-tr .code{overflow: hidden; width: 80%; margin:0 auto; }
.mes-form .form-tr .code input{width: 188px; float: left;}
.mes-form .form-tr .code .verify{cursor: pointer; float: left; margin-left: 25px; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.mes-form .form-tr .code .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form .form-tr .submit{ margin: 15px auto 0; display: block; width: 190px; height: 40px; text-align: center; line-height: 40px; background: #237ed2; color: #fff; font-size: 15px;}
.mes-form .form-tr .submit:hover{background: #0058b1;}
.mes-form .form-tr .error{height: 18px; line-height: 18px; font-size: 12px; color: #f00; padding: 0 5px;}
/*滚动条样式*/
::-webkit-scrollbar{width:6px; height:6px ;}
::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}
::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}
.m_link{ overflow: hidden; padding:20px 0; }
.m_link strong{ display: inline-block; font-size: 20px; color: #000; display: inline-block; }
.m_link a{ line-height: 30px; display: inline-block; font-size: 16px; color: #999; padding:0 12px; }
.m_link a:hover{ color: #112676; }
/*top*/
.h_top{ background: rgba(46,87,182,.0); position: fixed; top:0; left: 0; z-index: 99; width: 100%; box-sizing:border-box; padding:0 142px; transition: all .3s; }
.h_top .navbar{padding: 0;}
.h_top .navbar-brand{padding: 0;height: 86px; display: flex;}
.h_top .navbar-nav{ padding-left: 60px; }
.h_top .navbar-nav .nav-link{margin: 0 20px;padding: 0;font-size: 18px;color: #fefcfc;position: relative;transition: all 0.3s;}
.h_top .navbar-nav .nav-link::before{content: "";display: inline-block;height: 2px;background: rgba(255,255,255,.5);border: 0;position: absolute;left: 50%;top: -18px;width: 0;transition: all 0.3s;}
.h_top .navbar-nav li:hover .nav-link{color: #f5f7fb;}
.h_top .navbar-nav li:hover .nav-link::before{left: 0;width: 100%;transition: all 0.3s;}
.h_top .navbar-nav li{ position: relative; padding:15px 0; overflow: hidden; }
.h_top .navbar-nav li .d_menu{ width: 486px; opacity: 0; position: absolute; top:120%; left: 30px; background: rgba(255,255,255,1); border-top:solid 1px #f9f9fa; box-sizing: border-box; transition: all .3s; }
.h_top .navbar-nav li .d_menu > img{ margin:30px; width: 306px; height: 150px; float: left; object-fit: cover; }
.h_top .navbar-nav li .d_nav{ width: 120px; padding:30px 0; float: left; height: 100%; border-right:solid 1px #f9f9fa; }
.h_top .navbar-nav li .d_nav a{ height: 40px; line-height: 40px; font-size: 14px; color: #333; display: block; text-align: center; transition: all .3s; }
.h_top .navbar-nav li .d_nav a:hover{ background: #2f55b5; transition: all .3s; color: #fff; }
.h_top .navbar-nav li:hover .d_menu{ opacity: 1; top:100%; transition: all .3s; }
.h_top .navbar-nav li:hover{ overflow: visible; }
.h_top .navbar-nav li:last-child .d_menu{ left: auto; right:30px; }
.h_top .navbar-nav li:last-child .d_menu .d_nav{ float: right; border-left:solid 1px #f9f9fa; border-right:0; }
.h_top .navbar-nav li:last-child .d_menu > img{ float: left; }
.h_top .navbar-text{ text-align: right; }
.h_top .navbar-text p{ font-size: 15px; color: #fefcfc; }
.h_top .navbar-text p span{ font-size: 15px; color: #fefcfc; margin-right: 5px; }
.scroll_d{ background: rgba(46,87,182,.8); padding:5px 142px; transition: all .3s; }
/*banner*/
#mob_banner{ width: 100%; overflow: hidden; }
#focus img{ max-width: 100%; }
/*s_banner*/
.s_banner{ height: 442px; background: url(../images/s_banner.jpg) no-repeat top center; }
/*h_news*/
.h_news{ position: absolute; bottom:0; width: 100%; z-index: 33; height: 64px; line-height: 64px; background: rgba(255,255,255,.86); }
.h_news .text-right{ width: 100%; }
.h_news p{ line-height: 64px; display: inline-block; padding-left:40px; font-size: 14px; color: #333; }
.news_top{ width: 100%; height: 100%; overflow: hidden; }
.news_top .hd{ width: 14px; height: 24px; float: right; margin:20px 0; position: relative; }
.news_top .hd .prev, .news_top .hd .next{ cursor: pointer; font-size: 12px; line-height: 1; color: #222323; }
.news_top .hd .prev:hover, .news_top .hd .next:hover{ color: #ca394b; }
.news_top .hd .prev{ position: absolute; top:-4px; }
.news_top .hd .next{ position: absolute; bottom: -4px; }
.news_top .bd{ width: 90%; height: 24px; margin:20px 0; float: left; }
.news_top .bd > span{ height: 24px; line-height: 1; font-size: 22px; color: #c30d23; float: left; display: inline-block; margin-right: 22px; }
.news_top .bd ul{ float: left; width: 100%; }
.news_top .bd li{ overflow: hidden; }
.news_top .bd li a{ display: block; overflow: hidden; }
.news_top .bd li a strong{ width: 80%; font-weight: normal; float: left; display: block; font-size: 16px; color: #333333; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_top .bd li a small{ line-height: 24px; font-size: 14px; color: #999999; float: right; }
/*m_about*/
.m_about{ overflow: hidden; background: url(../images/about_bg.jpg) no-repeat top center; padding:66px 0; }
.m_about .hd{ width: 100%; overflow: hidden; }
.m_about .hd .tit{ width: 100%; overflow: hidden; }
.m_about .hd .tit > strong{ font-family: DIN; text-transform: uppercase; line-height: 1; font-size: 60px; color: #112676; }
.m_about .hd .tit > span{ display: block; font-size: 18px; color: #666666; line-height: 1; margin:25px 0; }
.m_about .hd a{ display: inline-block; margin-top:25px; line-height: 1; padding:14px 40px; border:1px solid #303883; font-size: 16px; color: #303883; }
.m_about .hd a span{ color: #303883; font-size: 20px; margin-left: 12px; }
.m_about .hd p{ font-size: 14px; color: #666666; line-height: 30px; }
.m_about .list{ overflow: hidden; width: 100%; }
.m_about .list li{ border-bottom: 1px solid #dfe0e2; padding:20px 0; width: 100%; text-align: center; position: relative; }
.m_about .list li:first-child{ border-top: 1px solid #dfe0e2; }
.m_about .list li strong{ font-size: 48px; font-family: DIN; line-height: 1; display: block; color: #3f4999; }
.m_about .list li p{ font-size: 16px; color: #666666; line-height: 1; margin-top: 18px; }
.m_about .list li p span{ font-size: 20px; line-height: 1; margin-right: 8px; }
.m_about .list li > span{ position: absolute; right: 40px; top:20px; display: inline-block; width: 16px; height: 16px; background: #3f4999; border-radius: 50%; line-height: 16px; font-size: 16px; color: #fff; }
.m_about .img{ width: 100%; position: relative; }
.m_about .img span{ display: inline-block; padding:15px 20px; background: #c30d23; font-size: 14px; line-height: 1; color: #fff; position: absolute; left:0; top:0; }
.m_about .img img{ max-width: 100%; }
/*m_credit*/
.m_credit{ overflow: hidden; background: #fff;}
.m_credit .hd{ width: 100%; overflow: hidden; }
.m_credit .hd .tit{ width: 100%; overflow: hidden; padding:60px 0; }
.m_credit .hd .tit > strong{ font-family: DIN; text-transform: uppercase; line-height: 1; font-size: 60px; color: #112676; }
.m_credit .hd .tit > span{ display: block; font-size: 18px; color: #666666; line-height: 1; margin:25px 0 0; }
.m_credit .bd{ overflow: hidden; padding-bottom: 55px; width: 100%; }
.m_credit .bd a{ display: block; width: 100%; height: 312px; overflow: hidden; position: relative; }
.m_credit .bd a img{ width: 100%; height: 100%; object-fit: cover;transition: all .3s; }
.m_credit .bd a strong{ width: 100%; font-size: 18px; font-weight: normal; color: #ffffff; display: block; position: absolute; bottom:0; height: 62px; line-height: 62px; background: rgba(0,0,0,.58); box-sizing:border-box; padding:0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_credit .bd a:hover img{ transition: all .3s; transform: scale(1.05); }
.m_credit .type{ float: right; margin-top:90px; }
.m_credit .type a{ display: inline-block; margin:0 10px; padding:18px; border:1px solid #fff; border-radius: 5px;transition: all .3s; }
.m_credit .type a span{ float: left; font-size: 16px; color: #333333; line-height: 1.5; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m_credit .type a:hover{ color: #112676; border-color: #a3a8ce; transition: all .3s; }
/*m_news*/
.m_news{ overflow: hidden; background: url(../images/news_bg.jpg) no-repeat top center; padding-bottom: 76px; }
.m_news .hd{ width: 100%; overflow: hidden; }
.m_news .hd .tit{ width: 100%; overflow: hidden; padding:60px 0; }
.m_news .hd .tit > strong{ font-family: DIN; text-transform: uppercase; line-height: 1; font-size: 60px; color: #fff; }
.m_news .hd .tit > span{ display: block; font-size: 18px; color: #fff; line-height: 1; margin:25px 0 10px; }
.m_news .more{ padding:90px 0; overflow: hidden; }
.m_news .more a{ color: #fff; font-size: 14px; float: right; display: inline-block; padding:14px 28px; border:1px solid #aaa; border-radius: 30px; line-height: 1; }
.m_news .bd{ background: #fff; width: 100%; border-radius: 5px; padding:62px 35px; }
.img_news{ width: 100%; overflow: hidden; }
.img_news .img{ width: 100%; height: 308px; overflow: hidden; }
.img_news .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; }
.img_news .txt{ overflow: hidden; padding-top: 30px; }
.img_news .txt strong{ height: 46px; line-height: 46px; display: block; font-size: 20px; font-family: Hans; color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.img_news .txt p{ font-size: 14px; color: #999999; line-height: 30px; font-family: Hans; }
.img_news .txt small{ display: block; line-height: 1; margin-top: 22px; font-size: 14px; color: #999999; }
.img_news .txt span{ display: inline-block; margin-top: 46px; padding:16px 40px; border:2px solid #11256f; border-radius: 5px; font-size: 16px; color: #11256f; font-family: Hans; }
.img_news a:hover strong{ color: #11256f; transition: all .3s; }
.img_news a:hover span{ letter-spacing: 2px; background: #11256f; color: #fff; transition: all .3s; }
.newlist a{ display: block; overflow: hidden; }
.newlist a + a{ margin-top: 40px; }
.newlist a span{ display: inline-block; margin-right: 22px; width: 116px; height: 116px; border:1px solid #d9d4d1; float: left; text-align: center; font-size: 18px; color: #999999; border-radius: 5px; }
.newlist a span strong{ font-size: 72px; color: #999999; font-family: DIN; display: block; padding:6px 0; line-height: 1; }
.newlist a > div{ width: 74%; float: left; }
.newlist a > div strong{ font-size: 20px; color: #333333; display: block; height: 50px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap; font-family: Hans; overflow: hidden; }
.newlist a > div p{ font-size: 14px; color: #999999; line-height: 30px; }
.newlist a:hover span{ background: #11256f; color: #fff; transition: all .3s; }
.newlist a:hover span strong{ color: #fff; }
.newlist a:hover > div strong{ color: #11256f; transition: all .3s; }
/*f_msg*/
.f_msg{ overflow: hidden; padding:100px 0 46px; background: url(../images/msg_bg.jpg) no-repeat top center; }
.f_msg .input-group{ height: 49px; line-height: 49px; position: relative; margin-bottom: 27px; background: #f6f6f6; border-radius: 5px; }
.f_msg .input-group-text{ background: none; border:0; }
.f_msg .input-group-text span{ font-size: 20px; color: #c8c8c8; }
.f_msg input{ outline: none; height: 49px; padding:0; background: #f6f6f6; line-height: 49px; border:0; font-size: 14px; color: #666666; }
.f_msg .w100 .input-group{ height: 156px; }
.f_msg .w100 .input-group-prepend{ height: 49px; position: relative; z-index: 33; }
.f_msg .w100 textarea{ width: 100%; height: 156px; position: absolute; left:0; top:0; text-indent: 32px; z-index: 22; font-size: 14px; color: #666666; resize: none; border-radius: 5px; line-height: 1.5; padding:12px; background:#f6f6f6; }
.f_msg .submit{ display: inline-block; font-family: "Adobe 黑体 Std"; width: 220px; height: 56px; line-height: 56px; background: url(../images/s_button.png) no-repeat center; margin-left: 12px; text-align: center; font-size: 24px; color: #ffffff; font-weight: bold; }
.f_msg .submit span{ display: inline-block; position: relative; top:-4px; left: 10px; width: 28px; height: 28px; background: #fff; line-height: 28px; border-radius: 50%; font-size: 10px; color: #11256f; text-align: center; }
/*footer*/
.footer{ overflow: hidden; height: 466px; position: relative; }
.footer > .scale_img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 2; -webkit-transform: scale(1.05); transform: scale(1.05); }
.footer > .mask{ box-sizing:border-box; padding-top: 74px; width: 100%; height: 100%; position: absolute; left: 0; top:0; z-index: 3; background: rgba(36,36,36,.95); }
.footer .hd{ overflow: hidden; margin-bottom:24px; }
.footer .hd span{ display: block; font-size: 36px; color: #ffffff; font-family: DinMedium; line-height: 1; }
.footer .hd strong{ display: inline-block; font-size: 16px; color: #ffffff; line-height: 40px; border-bottom: 1px solid #fff; font-weight: normal; }
.f_top .inner{ overflow: hidden; padding-bottom: 30px; border-bottom: 1px solid rgba(255,255,255,.16); }
.f_nav{ overflow: hidden; position: relative; }
.f_nav::after{ content: ""; display: inline-block; width: 1px; height: 214px; border:0; position: absolute; top:0; right:50px; background: #3f4142; }
.f_nav .bd{ width: 180px; overflow: hidden; }
.f_nav .bd a{ font-size: 14px; line-height: 30px; color: #8d8f90; display: inline-block; }
.f_nav .bd a:nth-child(even){ margin-left: 50px; }
.f_contact .bd p{ font-size: 14px; color: #8c9093; line-height: 28px; }
.f_project{ overflow: hidden; box-sizing:border-box; padding-left: 60px; position: relative; }
.f_project::after{ content: ""; display: inline-block; width: 1px; height: 214px; border:0; position: absolute; top:0; left:0; background: #3f4142; }
.f_project .bd a{ display: block; font-size: 14px; line-height: 30px; color: #8c9093; }
.f_ewm{ overflow: hidden; padding-left: 120px; position: relative; }
.f_ewm::after{ content: ""; display: inline-block; width: 1px; height: 214px; border:0; position: absolute; top:0; left:34px; background: #3f4142; }
.f_ewm .bd div{ width: 109px; }
.f_ewm .bd p{ text-align: center; font-size: 14px; color: #8c9093; line-height: 28px; }
.f_copy{ height: 60px; line-height: 60px; font-size: 14px; color: #62676a; }
.f_copy a{ font-size: 14px; color: #62676a; }
.f_nav a:hover, .f_contact a:hover, .f_project a:hover, .f_copy a:hover{ color: #fff; }
/*s_type*/
.s_type{ background: #ececec; width: 100%; box-sizing: border-box; border-radius: 5px; text-align: center; overflow: hidden; padding:30px 0; margin-bottom: 20px; }
.s_type strong{ text-indent: -9999px; display: block; height: 38px; margin:0 0 30px; background: url(../images/type_tit.png) no-repeat center; }
.plat strong{ text-indent: -9999px; display: block; height: 38px; margin:0 0 30px; }
.s_type div{ overflow: hidden; padding:0 16px; }
.s_type div a{ display: block; width: 100%; padding:15px 0; text-align: center; font-size: 16px; color: #333333; transition: all .3s; }
.s_type div a + a{ border-top:1px solid #d4d4d6; }
.s_type div a:hover{ background: #112676; color: #fff; border-radius: 30px; transition: all .3s; }
.s_type div a:hover + a{ border-color: transparent;}
.news_type strong{ text-indent: -9999px; display: block; height: 38px; margin:0 0 30px; }
/*down*/
.down{width: 100%;height: 52px; background:#211f1f; color: #ffffff; font-size: 16px; position: fixed; bottom: 0;display: block;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
.down{display: none;}
}
.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: block; z-index: 9999;}
.down li{width: 24.7%;border-right: solid 1px #ffffff;text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}
.down li a{color: #ffffff;}
.down .current{border-right: none;}
.down li img{max-width: 25px;height: 25px;}
@media(min-width: 768px){
.down{display: none;}
}
.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}
.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:#112676;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }
.plugin-fixed-call .child:hover{width:160px;background: #000;}
.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}
.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}
.plugin-fixed-call .fixedQQ{bottom:92px;}
.plugin-fixed-call .fixedCall{bottom:46px;}
.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}
.plugin-fixed-call p{ line-height: 45px; }
.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}
.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:#112676;line-height: 45px;margin-top:1px;}
.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}
.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}
.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}
/*de-page-mian*/
.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px;}
.de-page-mian .page-inner{display: inline-block; overflow: hidden;}
.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 5px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: -1px; overflow: hidden;}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover{color: #fff; border-color: #237ed2; background: #237ed2;}
.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}
.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}
.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}
.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}
.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}
.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}
/*animation*/
.scale{ visibility: visible;-webkit-animation:scale-bg 6s linear infinite alternate forwards;animation:scale-bg 6s linear infinite alternate forwards;}
/*location*/
.location{ overflow: hidden; background: #fff; position: relative; z-index: 33; padding:30px 0; border-radius: 5px; margin-top:-77px; margin-bottom: 25px; }
.catname{ overflow: hidden; }
.catname strong{ font-size: 24px; color: #112676; display: inline-block; padding:0 30px; float: left; }
.catname div{ float: left; }
.catname div a{ display: inline-block; font-weight: bold; border-radius: 5px; padding:10px 24px; line-height: 1; background: #fff; font-size: 18px; color: #333333; margin:0 12px; transition: all .3s; }
.catname div a:hover{ background: #eeeff0; color: #112676; }
.r_location{ text-align: right; line-height: 38px; padding-right: 30px; font-size: 14px; color: #333333; }
.r_location a{ font-size: 14px; color: #333333; line-height: 38px; }
.r_location span{ font-size: 16px; line-height: 1; margin-right: 10px; color: #112676; }
.r_location a:hover{ color: #112676; }
/*pro_list*/
.pro_list{ overflow: hidden; }
.pro_list a{ display: block; width: 100%; height: 312px; overflow: hidden; position: relative; margin-bottom: 30px; }
.pro_list a img{ width: 100%; height: 100%; object-fit: cover;transition: all .3s; }
.pro_list a > strong{ width: 100%; font-size: 18px; font-weight: normal; color: #ffffff; display: block; position: absolute; bottom:0; height: 62px; line-height: 62px; background: rgba(0,0,0,.58); box-sizing:border-box; padding:0 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pro_list a:hover img{ transition: all .3s; transform: scale(1.05); }
.teacher_list a{ height: 280px; }
/*.teacher_list a img{ object-fit: contain; }*/
.team_list{ overflow: hidden; position: relative; }
.team_list .tit{ transition: all .3s; position: absolute; left: 0; bottom:0; background: rgba(46,87,182,.8); width: 100%; box-sizing: border-box; padding:16px 26px; }
.team_list .tit strong{ font-size: 18px; font-weight: bold; color: #fff; line-height: 1; margin-bottom: 8px; display: block; }
.team_list .tit p{ font-size: 14px; color: #fff; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.team_list .info{ position: absolute; top:100%; left: 0; width: 100%; height: 100%; background: rgba(46,87,182,.8); box-sizing: border-box; padding:15px; transition: all .3s; }
.team_list .info strong{ font-size: 18px; color: #fff; display: inline-block; margin-right: 10px; }
.team_list .info span{ font-size: 16px; color: #fff; }
.team_list .info p{ font-size: 14px; line-height: 24px; color: #fff; }
.team_list a:hover .tit{ height: 0; opacity: 0; transition: all .3s; }
.team_list a:hover .info{ transition: all .3s; top:0; left: 0; }
/*info-top*/
.info-top{overflow: hidden;margin-bottom: 20px;}
.info-tit > span{padding-left: 30px;font-size: 16px;color: #616161;}
.info-tit > span{font-size: 24px;color: #112676;line-height: 40px;}
.info-tit > div{padding:20px 0;border-top:1px dotted #dddddd;border-bottom:1px dotted #dddddd; clear: both; margin-bottom: 20px; }
.info-tit > div p{font-size: 14px;color: #616161;line-height: 36px;}
.info-bd{ background: #fff; }
.go_order{padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin-top: 30px; outline: none;}
.go_order:hover{background: #FE4200;}
.a_tit{background: #ebeced;margin:20px 0;clear: both;}
.a_tit dd{padding:12px 20px;color: #fff;display: inline-block;font-size: 18px;background: #112676;margin:0;}
#prev_next{border-top: 1px dotted #868686;margin:2rem 0;padding:2rem 0;}
.article{ width: 100%; }
.article p, .article td{ font-size: 16px; line-height: 30px; }
.article .meta_info{ padding:15px 0; font-size: 14px; color: #666; }
.article h1{ font-size: 24px; color: #333; font-weight: bold; }
.article img{ max-width: 100%; margin:12px auto; }
.article td{ padding:12px 0; }
table{ border-collapse: collapse; border-spacing: 0; }
.jobs-info{padding: 40px 10px 30px; margin-bottom: 28px; border-bottom: 1px dashed #ededed;}
.jobs-info .h3{overflow: hidden; margin-bottom: 15px;}
.jobs-info .h3 .job-name{float: left; font-weight: bold; font-size: 20px; color: #333333; width: 450px;}
.jobs-info .h3 .job-price{float: right; font-weight: bold; font-size: 24px; color: #237ed2; line-height: 1.1; max-width: 360px;}
.jobs-info .h3 .job-price em{font-weight: normal; font-size: 16px;}
.jobs-info .p{font-size: 13px; color: #999999; line-height: 20px; margin-bottom: 10px;}
.jobs-info .p span{color: #595959;}
.jobs-info .btn{padding-top: 10px; overflow: hidden;}
.jobs-info .btn a{display: block; width: 230px; height: 44px; text-align: center; line-height: 44px; color: #fff; background: #237ed2; font-size: 14px;}
.jobs-info .btn a:hover{background: #0058b1;}
.jobs-info-content{padding: 0 20px; overflow: hidden;}
.jobs-info-content h3{font-size: 18px; color: #333333; font-weight: bold; line-height: 1.1; margin-bottom: 10px;}
.jobs-info-content p{font-size: 14px; color: #333; line-height: 24px;}
.apply-job{overflow: hidden; margin-top: 20px;}
.apply-job .job-tr{overflow: hidden;}
.apply-job .job-tr .tr-over{overflow: hidden;}
.apply-job .job-tr .error{padding-left: 75px; height: 18px; line-height: 18px; font-size: 12px; color: #f00;}
.apply-job .job-tr .tr-title{float: left; width: 50px; min-height: 20px; text-align: right; font-size: 14px; color: #808080; margin-right: 25px; line-height: 40px;}
.apply-job .job-tr .tr-cont{float: left; width: 640px;}
.apply-job .job-tr .tr-cont h3{font-size: 14px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.apply-job .job-tr .tr-cont input[type=text]{line-height: 38px; font-size: 14px; color: #333; display: block; padding: 0 10px; width: 618px; height: 38px; border: 1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont input[name='captcha']{font-size: 14px; line-height: 38px; color: #333; width: 190px; float: left; margin-right: 30px;}
.apply-job .job-tr .tr-cont .verify{cursor: pointer; float: left; width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 0;}
.apply-job .job-tr .tr-cont .verify img{display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.apply-job .job-tr .tr-cont textarea{font-size: 14px; color: #333; display: block; height: 170px; line-height: 20px; padding: 5px 10px; width: 618px; border: 1px solid #e6e6e6;}
.apply-job .job-tr .tr-cont.radio-cont{line-height: 40px;}
.apply-job .job-tr .tr-cont.radio-cont input[type=radio]{margin-right: 10px;}
.apply-job .job-tr .tr-cont.radio-cont label{margin-right: 30px; color: #4c4c4c; line-height: 40px; font-weight: bold;}
.apply-job .job-tr .tr-cont a.submit{display: block; width: 190px; height: 40px; line-height: 40px; text-align: center; background: #237ed2; color: #fff; font-size: 15px;}
.apply-job .job-tr .tr-cont a.submit:hover{background: #0058b1;}
/*meidia query*/
@media (max-width: 1840px) {
.h_top .navbar-nav .nav-link{ margin:0 20px; }
}
@media (max-width: 1700px) {
.h_top{ padding:20px 15px; }
.h_top .navbar-nav{ padding-left: 0; }
.h_top .navbar-nav .nav-link{ margin:0 10px; }
.h_news{ bottom:-1px; }
img{ max-width: 100%; }
#mob_banner img{ max-width: 100%; }
}
@media (max-width: 1600px) {
.h_top{ padding:20px 15px; }
.h_top .navbar-nav .nav-link{ margin:0 16px; }
}
@media (max-width: 1500px) {
.h_top .navbar-nav .nav-link{ margin:0 8px; }
.s_type strong{ background-size: contain; }
}
@media (max-width: 1400px) {
.h_top .navbar-brand{ height: 66px; }
.inner{ padding:0 15px; }
.h_top{ padding:20px 0 60px; }
.h_top .navbar{ display: flex; padding:0 20px; justify-content: space-between; }
.h_top .navbar-nav{ padding:0; width: 100%; }
.h_top .navbar-nav li{ width: 12.5%; text-align: center; padding:0; }
#navbar-content{ position: absolute; top:80px; width: 100%; margin:0 -20px; }
.m_about{ padding:30px 0; }
.m_about .hd .tit > span{ margin:20px 0; }
.m_about .hd a{ margin-top: 20px; }
.m_credit .hd{ padding:0; }
img{ max-width: 100%; }
.m_credit .hd .type a{ padding:25px 5px; }
.f_ewm{ padding-left: 90px; }
.catname div{ margin-left: 10px; }
.catname div a{ margin:0 15px; }
.m_credit .hd .tit > strong{ font-size: 52px; }
}
@media (max-width: 1200px) {
.m_credit .hd .tit{ padding:30px 0; }
.m_credit .type{ margin-top: 15px; }
.newlist a > div{ width: 72%; }
.newlist a span{ width: 22%; }
.footer .hd span{ font-size: 32px; }
.f_project, .f_ewm{ padding-left: 30px; }
.f_nav::after{ right: 0; }
.f_ewm::after{ left: 0; }
.scroll_d{ background: #95addb; }
.catname div a{ margin:0; }
.teacher_list a{ height: 360px; }
.m_credit .hd .tit > strong, .m_news .hd .tit > strong,.m_about .hd .tit > strong{ font-size: 45px; }
}
@media (max-width: 992px) {
.h_top{ padding:0 0 100px; }
.h_top .navbar{ padding:15px 30px; }
.h_top .navbar-nav{ display: block; overflow: hidden; }
.h_top .navbar-nav li{display: inline-block; float:left; margin:0; width: 25%; float: left; padding:12px 0; border-right:1px solid #fff; border-bottom: 1px solid #fff; }
.h_top .navbar-nav li:nth-child(4), .h_top .navbar-nav li:nth-child(8){ border-right: 0; }
.h_top .navbar-nav li:nth-child(5),.h_top .navbar-nav li:nth-child(6), .h_top .navbar-nav li:nth-child(7), .h_top .navbar-nav li:nth-child(8){ border-bottom: 0; }
.h_top .navbar-nav::before, .h_top .navbar-nav li:nth-child(9){ display: none; }
.h_top .navbar-nav li:hover{ background: #c30d23; color: #fff; }
.h_top .navbar-nav .nav-link::before{ display: none; }
.h_top .navbar-nav li .d_menu{ display: none; }
#navbar-content{ margin:0 0 0 -30px; top:90px; box-sizing:border-box; border:1px solid #fff; }
.m_about .list{ margin:15px 0; overflow: hidden; }
.m_about .list li{ width: 33.3%; float: left; border-top: 1px solid #dfe0e2; }
.m_about .img{ display: none; }
.m_credit .type{ margin-top: 20px; }
.img_news{ margin-bottom: 15px; }
.m_news{ padding-bottom: 30px; }
.f_msg{ padding:0 0 30px; background-size: cover; }
.m_news .bd{ padding:35px 25px 0; }
.footer{ height: 646px; }
.footer > .scale_img{ background-size: cover!important; }
.f_nav, .f_contact{ margin-bottom: 30px; }
.f_nav .bd{ width: 100%; }
.f_nav .bd a{ width: 50%; float: left; }
.f_nav .bd a:nth-child(even){ margin-left: 0; }
.f_project, .f_ewm{ padding-left: 0; }
.f_nav::after{ height: 100%; }
.f_project::after{ right: 0; left:auto; height: 100%; }
.f_ewm::after{ display: none; }
.f_copy{ margin-bottom: 70px; }
.h_top{ position: static; background: #0350c4; }
.s_banner{ background-size: cover; height: 64px; }
.s_banner strong{ padding:10% 0 18px; }
.location{ padding:15px 15px 45px; margin-top:-46px; }
.r_location{ padding-right: 0; }
.catname strong{ padding:0; }
.catname div{ margin:0 0 0 10px; }
.catname div a{ background: #f1f1f1; border-radius: 3px;font-size: 16px; font-weight: normal; padding: 10px 12px; margin: 0 5px; }
.s_type div a{ width: 48%; float: left; margin:0 1%; border-top: 1px solid #d4d4d6; border-bottom: 1px solid #d4d4d6; }
.pro_list a{ height: 260px; }
.teacher_list a{ height: 360px; }
}
@media (max-width: 768px) {
.plugin-fixed-call, .m_news .more{ display: none; }
.m_credit .hd .tit{ padding:15px 0; }
.m_news .hd .tit{ padding:30px 0; }
.m_about .hd .tit > strong, .m_credit .hd .tit > strong, .m_news .hd .tit > strong{ font-size: 40px; float: left; }
.m_about .hd .tit > span, .m_credit .hd .tit > span, .m_news .hd .tit > span{ display: inline-block; float: left; margin:15px 0 0 15px; }
.m_credit .type{ margin-top: 0; }
.f_msg{ background-image: none; }
.f_msg .row{ text-align: center; }
.catname strong{ display: block; width: 100%; }
.location{ position: relative; padding:15px 0 15px; }
.location .col-md-4{ position: static; }
.r_location{ position: absolute; top:15px; right: 30px; }
.catname div{ width: 100%; margin-top:20px; margin-left: 0; }
.catname div a{ width: 23.5%; margin:0 .5%; text-align: center; }
.catname div a:hover{ background: #112676; color: #fff; }
.teacher_list a{ height: 400px; }
.article td:nth-child(4){ display: none; }
.m_about{ background-size: cover; }
.h_top .navbar-text{ display: none; }
.h_top .navbar-brand{ width: 100%; justify-content: center; align-items: center; }
}
@media (max-width: 640px) {
.m_credit .type a{ padding:8px; }
.m_credit .type a span{ font-size: 14px; }
.m_news .bd{ margin-left: 0; padding:15px 0 0; }
.newlist a span strong{ font-size: 30px; }
.newlist a span{ font-size: 14px; height: 76px; }
.newlist a > div{ width: 70%; }
.newlist a > div strong{ font-size: 16px; }
.newlist a > div p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.newlist a + a{ margin-top: 12px; }
.s_banner{ height: 260px; }
.catname div a{ font-size: 16px; font-weight: normal; }
.article{ padding:0 15px; }
.teacher_list a{ height: 320px; }
}
@media (max-width: 576px) {
.main .inner{ padding:0; }
.h_top{ padding:0 0 75px; }
.h_top .navbar{ padding:0 15px; margin:0; }
#navbar-content{ top:70px; margin:0 -15px; }
.h_top .navbar-nav li{ line-height: 1; padding:10px 0; font-size: 14px; }
.h_top .navbar-nav li .nav-link{ line-height: 1;font-size: 14px; }
.m_about .hd .tit, .m_credit .hd .tit, .m_news .hd .tit{ margin-bottom: 15px; }
.m_about .hd .tit > strong, .m_credit .hd .tit > strong, .m_news .hd .tit > strong{ font-size: 30px; float: left; }
.m_about .hd .tit > span, .m_credit .hd .tit > span, .m_news .hd .tit > span{ display: inline-block; float: left; margin:15px 0 0 15px; font-size: 14px; }
.m_about .list li strong{ font-size: 28px; }
.m_about .list li > span{ right: 0; }
.m_about .list li p{ font-size: 12px; }
.h_news{ display: none; }
.m_credit .hd .fl > strong{ font-size: 24px; }
.m_credit .hd .fl > span{ font-size: 14px; }
.m_credit .bd a{ height: 180px; }
.footer{ height: 1164px; }
.footer > .mask{ padding-top: 40px; }
.f_nav, .f_content, .f_project, .f_ewm{ margin-bottom: 20px; }
.f_nav::after, .f_project::after{ display: none; }
.f_copy{ line-height: 1.8; padding:15px 0; height: auto; overflow: hidden; }
.s_banner{ height: 50px; }
.catname strong{ font-size: 18px; }
.r_location{ right: 15px; }
.r_location span{ font-size: 12px; }
.r_location, .r_location a{ font-size: 12px; line-height: 30px; }
.location{ padding: 15px 0; }
.catname div a{ width: 48%; margin:.7%; }
#prev_next li{ width: 100%; text-align: center; }
#prev_next li + li{ margin-top: 10px; text-align: center; }
.main .contact_tit{ margin:12px 15px; }
.pro_list a{ height: 182px; }
.teacher_list a{ height: 320px; }
.h_top .navbar-nav .nav-link{ margin:0; }
}