@charset "UTF-8";
@font-face{font-family:'din'; src: url('../font/din.OTF');}

@font-face {
    font-family: 'Gasalt-Black'; 
    src: url('../font/Gasalt-Black.ttf');
  }
  

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font-size: 14px; line-height: 1.2;  margin: 0 auto; color: #333333; background-color: #ffffff; font-family:'Microsoft YaHei',Arial, sans-serif;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, li, ol { list-style: none;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; outline: 0; vertical-align: middle;}

input, select, textarea, button, option{vertical-align: middle;resize: none; -webkit-appearance: none !important; appearance: none;outline: none;border: none; background: transparent;  font-family:'Microsoft YaHei',Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; appearance: none;border-radius: 0; }

::-moz-selection { background: #2781bc; color: #fff; text-shadow: none; }
::selection { background: #2781bc; color: #fff; text-shadow: none; }
select{ outline: none;}

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

::-webkit-scrollbar {width: 8px;height: 8px;background-color: rgba(255,255,255,.1);}
::-webkit-scrollbar-thumb { border-radius: 50px; background:#2781bc;}
::-webkit-scrollbar-thumb:hover { background: #2781bc;}

a{ text-decoration: none; -webkit-transition: 0.5s; transition: 0.5s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear{ clear:both;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }

.fl{ float: left;}
.fr{ float: right;}
.container{ padding: 0 10%; height: 100%; margin: 0 auto;}

/*======================等比填充======================*/
*[class*="rect-"] {position: relative;display: block;width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full {position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.rect-50 {padding-bottom: 50%;}
.rect-52 {padding-bottom: 52%;}
.rect-67 {padding-bottom: 67%;}
.rect-87 {padding-bottom: 87%;}
.rect-100 {padding-bottom: 100%;}
.rect-109 {padding-bottom: 109%;}

.imgZoom img,.imgY180 img {-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.imgZoom {overflow: hidden;-webkit-transform: rotate(0);transform: rotate(0);}
.imgZoom:hover img {-moz-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.imgY180:hover img {cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);transform: rotateY(180deg)}

/*头部*/
.header{height:100px; z-index: 9999;width: 100%; position:fixed;transition:0.5s all;}
.header .container{display: -webkit-flex;display: flex;flex-direction: row;align-items: center; justify-content: space-between;}
.header .logo{ height:100px; display:flex;  align-items:center; transition:0.5s all;}
.header .logo img{ height:70px; display:block; transition:0.5s all;}
.header .logo .logo-2{display: none;}
.header .nav{ display: flex; position: relative; height:90px; transition:0.5s all;}
.header .nav>ul{display:flex; position: relative; height:100%;}
.header .nav .drop{position: relative; display: inline-block; text-align: center;padding: 0 30px; -webkit-transition: all 1s; -moz-transition: all 1s; transition: all 1s; }
.header .nav .drop:last-child{ padding-right: 0;}
.header .nav .drop>a{position: relative; height:100%; display:flex; justify-content:center;align-items:center; font-size: 17px; color: #ffffff; font-weight: bold;}
.header.active{ background: #ffffff;}
.header.active .logo .logo-1{display: none;}
.header.active .logo .logo-2{display: block;}
.header.active .nav .drop>a{ color: #333333;}
.header.active .nav .drop:hover>a,.header.active .nav .drop.active>a{color: #2781bc;}
.header.scroll{ height: 90px; background: #ffffff;box-shadow: 0 0 10px rgba(0, 0, 0, .1);}
.header.scroll .logo{ height: 90px;}
.header.scroll .logo .logo-1{display: none;}
.header.scroll .logo .logo-2{display: block; }
.header.scroll .nav .drop>a{ color: #333333;}
.header.scroll .nav .drop:hover>a,.header.scroll .nav .drop.active>a{color: #2781bc;}
.sp_nav,.sjj_nav{display:none;}

.banner {width:100%;position: relative; z-index:0; background:#000; height:100vh; overflow:hidden;}
.banner .swiper-slide .pic { height:100vh; position:relative; z-index:1;}
.banner .swiper-slide .pic img{width:100%;height:100%;transition: all 3s; transform: scale(1,1); -webkit-transform: scale(1,1); display:block;}
.banner .swiper-slide-active .pic img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); transition-delay:0.3s;}
.banner .swiper-pagination { bottom: 25px !important;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 5px;border-radius: 5px; background: #ffffff !important; opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active{width: 20px; background: #2781bc !important;}

.inAbout{ position: relative; width: 100%; padding: 70px 0; background:#ffffff url(../img/aboutbg.jpg) center no-repeat; display: -webkit-flex;display: flex; justify-content: space-between;}
.inAbout .abol{ position: relative; width: 60%; padding: 0 70px 0 10%; box-sizing: border-box;}
.inAbout .abol .title{ font-size: 34px; color: #333333;}
.inAbout .abol .en{ margin-top: 10px; font-size: 30px; color: #2781bc; font-family: 'din';}
.inAbout .abol .en span{ color: #333333;}
.inAbout .abol .name{ margin-top: 70px; font-size: 22px; color: #2781bc;}
.inAbout .abol .cont{ margin-top: 45px; font-size: 16px; line-height: 32px; height: 128px; color: #666666;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.inAbout .abol .more{ margin-top: 20%; margin-bottom: 80px;}
.inAbout .abol .more a{display: inline-block; background: #2781bc; color: #ffffff; }
.inAbout .abol .more .more_flex{display: flex; align-items: center;justify-content: space-between;}
.inAbout .abol .more .more_flex .span{position: relative; padding: 0 40px; font-size: 15px; line-height: 45px;}
.inAbout .abol .more .more_flex .span::after{ position: absolute; content: ''; width: 1px; height: 100%; top:0; right: 0; background: rgba(255,255,255,.2);}
.inAbout .abol .more .more_flex .icon{ width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #ffffff;transform:rotate(45deg);transition:0.5s all;}
.inAbout .abol .more a:hover{background:#216fa1;}
.inAbout .abol .more a:hover .more_flex .icon{transform:rotate(0deg);}
.inAbout .aboImg{ position:relative; width: 40%; background:url(../img/aboImg.jpg) center no-repeat; background-size: cover;}

.inzrh{position: relative; background: url(../img/zrh1.jpg) center no-repeat; background-size: cover;}
.inzrh .zrhcont .swiper{padding: 160px 0;}
.inzrh .zrhcont .zrh_title{position:relative; width: 100%; padding-top: 70px; text-align: center; z-index: 9;}
.inzrh .zrhcont .zrh_title .title{ font-size: 34px; color: #ffffff;}
.inzrh .zrhcont .zrh_title .describe{ margin-top: 15px; font-size: 17px; color: #ffffff; opacity: 0.8;}
.inzrh .zrhcont .swiper-slide{opacity: 0 !important;}
.inzrh .zrhcont .swiper-slide.swiper-slide-active{ opacity: 1 !important;}
.inzrh .zrhcont .swiper-slide .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.inzrh .zrhcont .swiper-slide .infor{ position: relative; z-index: 99; width: 100%; height: 100%;}
.inzrh .zrhcont .swiper-slide .infor .container{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.inzrh .zrhcont .swiper-slide .name{ font-size: 20px; color: #ffffff; font-weight: bold;}
.inzrh .zrhcont .swiper-slide .cont{ margin-top: 20px; width: 70%; font-size: 16px; color: #ffffff; line-height: 30px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inzrh .zrhtab{ position: relative;  width: 100%;}
.inzrh .zrhtab .swiper-wrapper{border-top: 1px rgba(255,255,255,.5) solid;}
.inzrh .zrhtab .swiper-slide{ width: 16.666666%; text-align: center; padding: 30px 0; cursor: pointer;}
.inzrh .zrhtab .swiper-slide .key{ font-size: 36px; color: #ffffff; font-family: 'Gasalt-Black';}
.inzrh .zrhtab .swiper-slide .name{ font-size: 17px; color: #ffffff; font-weight: bold;}
.inzrh .zrhtab .swiper-slide::before{position: absolute; content: ''; width: 0; height: 3px; background: #ffffff; top: 0; right: 0; transition:0.5s all;}
.inzrh .zrhtab .swiper-slide:hover::before,.inzrh .zrhtab .swiper-slide.swiper-slide-thumb-active::before{left: 0; width: 100%;}

.intfl{ position: relative; padding: 70px 0; background: url(../img/tflbg.jpg) center no-repeat; background-size: cover;}
.intfl .title{ font-size: 34px; color: #333333; text-align: center;}
.intfl .describe{ width: 80%; margin: 10px auto 0; font-size: 17px; line-height: 30px; color: #666666; text-align: center;}
.intfl .tfhbox{ position: relative; margin-top: 40px; display: grid;grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.intfl .tfhbox .item{ position: relative; overflow: hidden; cursor: pointer; box-shadow: 0 19px 21px 0 rgb(65 65 65 / 10%);-webkit-box-shadow: 0 19px 21px 0 rgb(65 65 65 / 10%); -moz-box-shadow: 0 19px 21px 0 rgba(65, 65, 65, 0.1);}
.intfl .tfhbox .item .infor{ position: absolute; width: 100%; padding: 20px; left: 0; bottom: 0; text-align: center; background: rgba(255,255,255,.95); box-sizing: border-box;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.intfl .tfhbox .item .infor .name{ font-size: 17px; color: #333333; font-weight: bold;}
.intfl .tfhbox .item .infor .line{ display: none; width: 30px; height: 2px; margin: 15px auto; background: rgba(255,255,255,.5);}
.intfl .tfhbox .item .infor .cont{ font-size: 15px; color: #ffffff; line-height: 28px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: none;}
.intfl .tfhbox .item:hover .infor{ height: 100%; padding: 12% 20px; top:0; bottom: auto; background: rgba(39,129,188,.9);}
.intfl .tfhbox .item:hover .infor .name{ color: #ffffff;}
.intfl .tfhbox .item:hover .infor .line{ display: block;}
.intfl .tfhbox .item:hover .infor .cont{ display: block;}

.inapplication{ position: relative; padding-top: 70px;}
.inapplication .title{ font-size: 34px; color: #333333; text-align: center;}
.inapplication .describe{ width: 80%; margin: 10px auto 0; font-size: 17px; line-height: 30px; color: #666666; text-align: center;}
.inapplication .application{ position: relative; margin-top: 40px; display: grid;grid-gap: 0; grid-template-columns: repeat(4,1fr);}
.inapplication .application .item{ position: relative; overflow: hidden;}
.inapplication .application .item .infor{ position: absolute; width: 100%; height: 100%; padding: 10%; left: 0; top: 0; background: rgba(39,129,188,.7); opacity: 0; box-sizing: border-box; display: -webkit-box; display: flex; align-items: center; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.inapplication .application .item .infor p{ width: 100%; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold;}
.inapplication .application .item:hover .infor{ opacity: 1;}
.inapplication .application .item .filler2 { position: absolute; display: block; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.inapplication .application .item .filler2 { background: rgba(255,255,255,.6); z-index: 5;}
.inapplication .application .item .filler2-left { width: 2px; height: 0%; left: 8px; top: 0%;}
.inapplication .application .item .filler2-right { width: 2px; height: 0%; right: 8px; bottom: 0%;}
.inapplication .application .item .filler2-top { width: 0%; height: 2px; right: 0%; top: 8px;}
.inapplication .application .item .filler2-bottom { width: 0%; height: 2px; left: 0%; bottom: 8px; }
.inapplication .application .item:hover .filler2-left { height: 100%;}
.inapplication .application .item:hover .filler2-right { height: 100%;}
.inapplication .application .item:hover .filler2-top { width: 100%;}
.inapplication .application .item:hover .filler2-bottom { width: 100%;}

.inNews{ position: relative; padding: 70px 0; background: #ffffff url(../img/news_bg.png) center no-repeat;}
.inNews .title{ font-size: 34px; color: #333333; text-align: center;}
.inNews .describe{ width: 80%; margin: 10px auto 0; font-size: 17px; line-height: 30px; color: #666666; text-align: center;}
.inNews .newsbox{ position: relative; margin-top: 40px; display: flex;}
.inNews .newsbox .item{ float: left; width: 28%; margin-right: 2%; overflow: hidden;position: relative; background-color: #ffffff;padding: 30px;box-sizing: border-box;box-shadow: 0 19px 21px 0 rgb(65 65 65 / 10%);-webkit-box-shadow: 0 19px 21px 0 rgb(65 65 65 / 10%); -moz-box-shadow: 0 19px 21px 0 rgba(65, 65, 65, 0.1); transition: all 0.6s ease;}
.inNews .newsbox .item:last-child{margin-right: 0;}
.inNews .newsbox .item .box{width: 100%; overflow: hidden;}
.inNews .newsbox .item .cont{width: 100%;}
.inNews .newsbox .item .cont h6{width: 100%;font-size: 17px; color: #333333;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.inNews .newsbox .item .time{font-size: 16px;line-height: 24px;color: #2781bc; margin-top: 10px; font-family: 'din'; transition: all 0.6s ease;}
.inNews .newsbox .item .text{font-size: 15px;line-height: 26px;color: #999999;margin: 5px 0 0;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.inNews .newsbox .item .more{display: none; text-align: center;}
.inNews .newsbox .item .more{ margin-top: 10px;background: #2781bc; color: #ffffff;}
.inNews .newsbox .item .more .more_flex{display: flex; align-items: center;justify-content: space-between;}
.inNews .newsbox .item .more .more_flex .span{position: relative; padding: 0 40px; font-size: 15px; line-height: 45px;}
.inNews .newsbox .item .more .more_flex .span::after{ position: absolute; content: ''; width: 1px; height: 100%; top:0; right: 0; background: rgba(255,255,255,.2);}
.inNews .newsbox .item .more .more_flex .icon{ width: 45px; height: 45px; line-height: 45px; text-align: center; font-size: 18px; color: #ffffff;transform:rotate(45deg);transition:0.5s all;}
.inNews .newsbox .item .more:hover{background:#216fa1;}
.inNews .newsbox .item .more:hover .more_flex .icon{transform:rotate(0deg);}
.inNews .newsbox .item .img{ margin-top: 20px;}
.inNews .newsbox .item:hover .cont h6{color: #2781bc;}
.inNews .newsbox .item.active{width: 40%;padding: 0;}
.inNews .newsbox .item.active .box{width: 80%;position: absolute;bottom: 0;left: 0;z-index: 1;background-color: #fff;padding: 30px ;box-sizing: border-box;}
.inNews .newsbox .item.active .text{ margin: 15px 0 0 0;}
.inNews .newsbox .item.active .time{font-size: 16px;color: #ffffff;line-height: 16px;width: 100px;height: 100px;background-color: #2781bc;position:fixed;top:0;left: 0;text-align: center;padding-top: 63px;box-sizing: border-box; margin-top: 0;}
.inNews .newsbox .item.active .time .s1{display: none;}
.inNews .newsbox .item.active .time .s2{display: block;font-size: 36px;line-height:56px;position: absolute;top: 10px;left: 0;right: 0;margin: auto;}
.inNews .newsbox .item.active .cont h6{color: #333333;width: 100%;}
.inNews .newsbox .item.active .more{display:inline-block;margin-top: 20px;}
.inNews .newsbox .item.active .img{ margin-top: 0; height: 100%;}
.inNews .newsbox .item.active .img .rect-67{ height: 100%;}
.inNews .newsbox .item.active:hover .cont h6{ color: #2781bc;}

.footer{width: 100%;background-color: #141414; box-sizing: border-box;  overflow: hidden;}
.footer .container{ display: flex; align-items: stretch; justify-content: space-between;}
.footer .footl { width: 26%; padding: 60px 0; border-right: 1px rgba(255,255,255,.1) solid;}
.footer .footl .title{ font-size: 17px; color: #ffffff; font-weight: bold;}
.footer .footl .dd{ margin-top: 20px;}
.footer .footl .dd p{ font-size: 15px; line-height: 30px; color: #ffffff; opacity: .9;}
.footer .footl .ewm{ margin-top: 30px;}
.footer .footl .ewm p{ margin-bottom: 20px; font-size: 16px; color: #ffffff;}
.footer .footl .ewm img{ width: 90px; height: 90px;}
.footer .footr{ width: 70%;display: flex; flex-direction: column; justify-content: space-between;}
.footer .footr .footnav{ padding-top: 60px;display: flex; align-items: stretch; justify-content: space-between;}
.footer .footr .footnav dl{ width: 16.666666%;}
.footer .footr .footnav dl:nth-child(6){display: none;}
.footer .footr .footnav dt{ font-size: 17px; color: #ffffff; font-weight: bold;}
.footer .footr .footnav dd{ margin-top: 20px;}
.footer .footr .footnav dd a{ font-size: 15px; line-height: 30px; color: #ffffff; opacity: .9; display: block;}
.footer .footr .footnav dd a:hover{color: #2781bc;}
.footer .footr .copy { padding: 28px 0; border-top: 1px rgba(255,255,255,.1) solid; font-size: 15px; color: #ffffff; opacity: .9;}
.footer .footr .copy a{ font-size: 15px; color: #ffffff;}
.footer .footr .copy a:hover{color: #2781bc;}
/*二级页面 banner*/
.pbanner{ width:100%; position:relative; color: #fff;  overflow:hidden;}
.pbanner .bannerimg { position: relative; }
.pbanner .bannerimg img{width:100%; display:block; opacity:1;-webkit-animation: picMove 3s ease;animation: picMove 3s ease;}
@-webkit-keyframes picMove {
    0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
@keyframes picMove {
	0%{
        -webkit-transform:scale(1.05);transform:scale(1.05)
    }
    100%{
        -webkit-transform:scale(1);transform:scale(1)
    }
}
.pbanner .bannerText { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 100px; text-align: center; background: rgba(0, 0, 0, 0.05); }
.pbanner .bannerText .innerText h5, .pbanner .bannerText .innerText h6{ text-align: center; }
.pbanner .bannerText .container { position: relative; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.pbanner .bannerText .container h5{ font-size: 34px; }
.pbanner .bannerText .container h6{ margin-top: 10px; font-size: 20px; line-height: 28px; font-weight: normal; font-family: 'din'; text-transform: uppercase; }

.pageMain{position: relative;}
.pageNav{position: relative; background:#ffffff;}
.pageNav .crumbs{ font-size: 16px;color: #333333; line-height:26px;}
.pageNav .crumbs .fangzi{display: inline-block; width: 17px; height: 15px; margin-right: 5px; margin-bottom: -1px;  background: url(../img/home.png) center no-repeat; background-size: auto 15px;}
.pageNav .crumbs a{color: #333333;margin: 0 2px; font-size:16px;}
.pageNav .crumbs a:hover{color: #2781bc;}
.pageNav .subNav{position: relative; width: 100%;box-shadow: 0 0 10px rgb(0, 0, 0, 0.1); }
.pageNav .subNav ul { display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;}
.pageNav .subNav ul li {position: relative;height: 70px; line-height: 70px;  flex: 1;text-align: center; border-right: 1px solid #e6e6e6;}
.pageNav .subNav ul li a{color: #333; font-size: 17px; font-weight: bold; display: block;}
.pageNav .subNav ul li.select a,.pageNav .subNav ul li:hover a { color: #ffffff; -webkit-transition-delay: .1s; transition-delay: .1s; }
.pageNav .subNav ul li.select,.pageNav .subNav ul li:hover{ background: #2781bc;}
.pageNav .subNav ul li:last-child{border-right: none;}

.about_us01{ position: relative; padding: 70px 0; background: #f9f9f9;}
.about_us01 .title{ text-align: center;}
.about_us01 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #595656;position: relative;}
.about_us01 .title h6 {font-size: 18px;line-height: 24px;color: #595656;margin-top: 10px;font-family: 'din';font-weight: normal; }
.about_us01 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.about_us01 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.about_us01 .abocent{ position: relative;}
.about_us01 .abocent .alt{width: 75%;overflow: hidden;height: 550px;position: relative;left: 25%;}
.about_us01 .abocent .alt img{display: block;max-width: 1020px;position: absolute;height: 100%;right: 0;top: 0;}
.about_us01 .abocent .art{width: 56%;height: 430px;background: #fff;position: absolute; top: 50%;left: 0;transform: translateY(-50%); z-index: 2;padding: 50px;}
.about_us01 .abocent .art .att{position: relative; margin-bottom: 30px;font-size: 22px;}
.about_us01 .abocent .art .att s{display: block;width: 4px;height: 100%;position: absolute;top: 0;left: -20px; background: #2781bc;}
.about_us01 .abocent .art .atb{ margin-bottom: 30px; font-size: 18px; color: #2781bc; font-weight: bold;}
.about_us01 .abocent .art .atc{height: 265px;padding-right: 30px; font-size: 16px; line-height: 30px; color: #333333; overflow: auto;}
.about_us01 .abocent .art .atc::-webkit-scrollbar{ width:4px;}
.about_us01 .abocent .art .atc::-webkit-scrollbar-thumb{ background:#2781bc;}
.about_us01 .abocent .art .atc::-webkit-scrollbar-track{ background:#ddd;} 
.about_us02{ position: relative; padding: 70px 0; background: #ffffff;}
.about_us02 .title{ text-align: center;}
.about_us02 .title h3 {font-size: 28px;font-weight: bold;line-height: 34px;color: #333333;position: relative;}
.about_us02 .title h6 {font-size: 18px;line-height: 24px;color: #666666;margin-top: 10px;font-family: 'din';font-weight: normal; text-transform: uppercase;}
.about_us02 .abocul{ margin-top: 30px; display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.about_us02 .abocul .item{ position: relative; height:48vh; }
.about_us02 .abocul .item .text{padding: 50px 0px; text-align: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.about_us02 .abocul .item .icon{font-size: 50px;color: #2781bc;}
.about_us02 .abocul .item .tit{margin:20px 0; font-size: 20px; color: #333333; font-weight: bold;}
.about_us02 .abocul .item .ttc{font-size: 16px;color: #666666; line-height: 28px;}
.about_us02 .abocul .item.culitem1{ background:url(../img/culImg1.jpg) center no-repeat;}
.about_us02 .abocul .item.culitem2{ background:url(../img/culImg2.jpg) center no-repeat;}
.about_us02 .abocul .item.culitem3{ background:url(../img/culImg3.jpg) center no-repeat;}
.about_us02 .abocul .item:hover .text{ background: rgba(39,129,188,.9);}
.about_us02 .abocul .item:hover .icon{ color: #ffffff;}
.about_us02 .abocul .item:hover .tit{color: #ffffff;}
.about_us02 .abocul .item:hover .ttc{color: #ffffff; opacity: 0.95;}
.about_us03{ position: relative; padding: 70px 0; background: #f9f9f9;}
.about_us03 .title{ text-align: center;}
.about_us03 .title h3 {font-size: 28px;font-weight: bold;line-height: 34px;color: #333333;position: relative;}
.about_us03 .title h6 {font-size: 18px;line-height: 24px;color: #666666;margin-top: 10px;font-family: 'din';font-weight: normal; text-transform: uppercase;}
.about_us03 .honorbox{ margin-top: 30px; width: 100%; position: relative;}
.about_us03 .honorbox .item{position: relative; float: left; width:23.5% !important; margin-right: 2%;}
.about_us03 .honorbox .item:last-child{ margin-right: 0;}
.about_us03 .honorbox .item p{font-size: 16px; padding: 10px 2%; color: #333333; text-align: center; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.about_us03 .honorbox .item:hover p{ color: #2781bc;}
.page_honor{position: relative; background: #f9f9f9; padding: 70px 0;}
.page_honor .honorList{display: grid;grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.page_honor .honorList .slide{ width: 100%; position: relative;}
.page_honor .honorList .slide p{ padding:20px 10px; font-size: 16px; color: #333333; text-align: center;}
.page_honor .honorList .slide:hover p{ color: #2781bc;}
.page_device{position: relative; background: #f9f9f9; padding: 70px 0;}
.page_device .deviceList{display: grid;grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.page_device .deviceList .slide{ width: 100%; position: relative;}
.page_device .deviceList .slide p{ padding:20px 10px; font-size: 16px; color: #333333; text-align: center;}
.page_device .deviceList .slide:hover p{ color: #2781bc;}

.page_product{ position: relative; padding: 70px 0 0;}
.page_product .cateName{ text-align: center;}
.page_product .cateName h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #595656;position: relative;}
.page_product .cateName h6 {font-size: 18px;line-height: 24px;color: #595656;margin-top: 10px;font-family: 'din';font-weight: normal; }
.page_product .cateName h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.page_product .cateName h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.page_product .pro_list{position:relative; margin-top: 40px;}
.page_product .pro_list .item{position: relative; padding: 60px 10%; background: #ffffff;}
.page_product .pro_list .item .img{ width: 45%; float: left; border: 2px #eeeeee solid;}
.page_product .pro_list .item .right_pro{ width: 49%; float: right;}
.page_product .pro_list .item .right_pro .tit{ font-size: 24px; color: #333333; font-weight: bold;}
.page_product .pro_list .item .right_pro .line{ width: 40px; height: 3px; margin: 20px 0; background: #2781bc;}
.page_product .pro_list .item .right_pro .ttc{ font-size: 17px; color: #333333; line-height: 30px;}
.page_product .pro_list .item:nth-child(2n) .img{ float: right;}
.page_product .pro_list .item:nth-child(2n) .right_pro{ float: left;}
.page_product .pro_list .item:nth-child(2n) .right_pro .tit{color: #ffffff;}
.page_product .pro_list .item:nth-child(2n) .right_pro .line{ background: rgba(255,255,255,.6);}
.page_product .pro_list .item:nth-child(2n) .right_pro .ttc{ color: #ffffff;}
.page_product .pro_list .item:nth-child(3n-1){ background: url(../img/probg1.jpg) center no-repeat;} 
.page_product .pro_list .item:nth-child(3n+1){ background: url(../img/probg2.jpg) center no-repeat;} 
.page_product .pro_list .item:first-child{ background: #ffffff;}

.lubrication01{ position: relative; padding: 70px 0; background: url(../img/tflbg.jpg) center no-repeat; background-size: cover;}
.lubrication01 .title{ text-align: center;}
.lubrication01 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.lubrication01 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.lubrication01 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.lubrication01 .lubrcent{ margin-top: 40px; text-align: center; font-size: 18px;color: #333333; line-height: 28px;}
.lubrication01 .lubrcent img{max-width: 100%;}
.lubrication02{ position: relative; padding: 70px 0; background: #ffffff;}
.lubrication02 .title{ text-align: center;}
.lubrication02 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.lubrication02 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.lubrication02 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.lubrication02 .lubrcent{ margin-top: 40px; text-align: center; font-size: 18px;color: #333333; line-height: 28px;}
.lubrication02 .lubrcent img{max-width: 100%;}
.lubrication03{ position: relative; padding: 70px 0; background: #f9f9f9;}
.lubrication03 .title{ text-align: center;}
.lubrication03 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.lubrication03 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.lubrication03 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.lubrication03 .lubrcent{ margin-top: 40px; text-align: center; font-size: 18px;color: #333333; line-height: 28px;}
.lubrication03 .lubrcent img{max-width: 100%;}
.lubrication04{ position: relative; padding: 70px 0; background: #ffffff;}
.lubrication04 .title{ text-align: center;}
.lubrication04 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.lubrication04 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.lubrication04 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.lubrication04 .lubrcent{ margin-top: 40px; text-align: center; font-size: 18px;color: #333333; line-height: 28px;}
.lubrication04 .lubrcent img{max-width: 100%;}

.teflon01{ position: relative; padding: 70px 0; background: url(../img/tflbg.jpg) center no-repeat; background-size: cover;}
.teflon01 .title{ text-align: center;}
.teflon01 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.teflon01 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.teflon01 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.teflon01 .tefloncent{ margin-top: 40px; text-align: center; font-size: 18px;color: #333333; line-height: 28px;}
.teflon01 .tefloncent img{max-width: 100%;}
.teflon02{ position: relative; padding: 70px 0; background: #ffffff;}
.teflon02 .title{ text-align: center;}
.teflon02 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.teflon02 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.teflon02 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.teflon02 .tfhbox{ position: relative; margin-top: 40px; display: grid;grid-gap: 30px; grid-template-columns: repeat(4,1fr);}
.teflon02 .tfhbox .item{ position: relative; overflow: hidden; cursor: pointer; box-shadow: 0 19px 21px 0 rgb(65 65 65 / 10%);-webkit-box-shadow: 0 19px 21px 0 rgb(65 65 65 / 10%); -moz-box-shadow: 0 19px 21px 0 rgba(65, 65, 65, 0.1);}
.teflon02 .tfhbox .item .infor{ position: absolute; width: 100%; padding: 20px; left: 0; bottom: 0; text-align: center; background: rgba(255,255,255,.95); box-sizing: border-box;-moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.teflon02 .tfhbox .item .infor .name{ font-size: 17px; color: #333333; font-weight: bold;}
.teflon02 .tfhbox .item .infor .line{ display: none; width: 30px; height: 2px; margin: 15px auto; background: rgba(255,255,255,.5);}
.teflon02 .tfhbox .item .infor .cont{ font-size: 15px; color: #ffffff; line-height: 28px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; display: none;}
.teflon02 .tfhbox .item:hover .infor{ height: 100%; padding: 12% 20px; top:0; bottom: auto; background: rgba(39,129,188,.9);}
.teflon02 .tfhbox .item:hover .infor .name{ color: #ffffff;}
.teflon02 .tfhbox .item:hover .infor .line{ display: block;}
.teflon02 .tfhbox .item:hover .infor .cont{ display: block;}
.teflon03{ position: relative; padding: 70px 0; background: #f9f9f9;}
.teflon03 .title{ text-align: center;}
.teflon03 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.teflon03 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.teflon03 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.teflon03 .tefloncent{ margin-top: 40px; position: relative;}
.teflon03 .tefloncent .llt{width: 60%;height: 100%;text-align: justify;position: relative;background:#ffffff;padding: 60px 12% 60px 60px;}
.teflon03 .tefloncent .llt .tit{position: relative; height: 335px;}
.teflon03 .tefloncent .llt .tit .tt{ font-size: 24px; color: #000000; font-weight: bold; margin-bottom: 40px;}
.teflon03 .tefloncent .llt .tit .tc p{ margin-bottom: 10px; position: relative; padding-left: 35px; font-size: 17px; color: #333333; line-height: 30px;}
.teflon03 .tefloncent .llt .tit .tc p::before{position: absolute; content: ''; width: 30px; height: 2px; background: #2781bc; left: 0; top: 14px; }
.teflon03 .tefloncent .img{width: 48%;overflow: hidden;position: absolute;right: 0;z-index: 2;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.teflon03 .tefloncent .img img{ width: 100%; height: 100%; object-fit: cover;}

.teflon04{ position: relative; padding: 70px 0; background: #ffffff;}
.teflon04 .title{ text-align: center;}
.teflon04 .title h3 {font-size: 26px;font-weight: bold;line-height: 34px;color: #2781bc;position: relative;}
.teflon04 .title h3::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: auto;width: 58px;height: 2px;background-color: #2781bc;}
.teflon04 .title h3::after {content: '';display: block;width: 152px;height: 1px;background-color: #ddd;margin: 18px auto 0;}
.teflon04 .application{ position: relative; margin-top: 40px; display: grid;grid-gap: 0; grid-template-columns: repeat(3,1fr);}
.teflon04 .application .item{ position: relative; overflow: hidden;}
.teflon04 .application .item .infor{ position: absolute; width: 100%; height: 100%; padding: 10%; left: 0; top: 0; background: rgba(39,129,188,.7); opacity: 0; box-sizing: border-box; display: -webkit-box; display: flex; align-items: center; -moz-transition: all .5s ease 0s;-ms-transition: all .5s ease 0s;-o-transition: all .5s ease 0s;-webkit-transition: all .5s ease 0s;transition: all .5s ease 0s;}
.teflon04 .application .item .infor p{ width: 100%; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold;}
.teflon04 .application .item:hover .infor{ opacity: 1;}
.teflon04 .application .item .filler2 { position: absolute; display: block; -webkit-transition: 0.3s ease 0s; -moz-transition: 0.3s 0s; -o-transition: 0.3s 0s; transition: 0.3s 0s;}
.teflon04 .application .item .filler2 { background: rgba(255,255,255,.6); z-index: 5;}
.teflon04 .application .item .filler2-left { width: 2px; height: 0%; left: 8px; top: 0%;}
.teflon04 .application .item .filler2-right { width: 2px; height: 0%; right: 8px; bottom: 0%;}
.teflon04 .application .item .filler2-top { width: 0%; height: 2px; right: 0%; top: 8px;}
.teflon04 .application .item .filler2-bottom { width: 0%; height: 2px; left: 0%; bottom: 8px; }
.teflon04 .application .item:hover .filler2-left { height: 100%;}
.teflon04 .application .item:hover .filler2-right { height: 100%;}
.teflon04 .application .item:hover .filler2-top { width: 100%;}
.teflon04 .application .item:hover .filler2-bottom { width: 100%;}

.pageNews{ position: relative; width: 100%; padding: 70px 0; background: #f9f9f9;}
.pageNews .newsbox{display: grid; grid-gap: 40px; grid-template-columns: repeat(3,1fr);}
.pageNews .newsbox .item{ position:relative;float: left; transition:.3s ease;}
.pageNews .newsbox .item:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);  transform: translateY(-8px);}
.pageNews .newsbox .item .box{position: relative; background:#ffffff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;overflow: hidden;}
.pageNews .newsbox .item .infor{padding:20px;}
.pageNews .newsbox .item .infor .date{ font-size: 15px; color: #999999;}
.pageNews .newsbox .item .infor .date span{ padding-left: 5px; font-family: 'din';}
.pageNews .newsbox .item .infor .t{font-size:20px; line-height: 28px; height: 56px; color:#333; margin-bottom:20px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pageNews .newsbox .item .li_line{width:0; height:4px; background:#2781bc; position:absolute; right:0; bottom:0; transition:all 0.5s ease;}
.pageNews .newsbox .item:hover .li_line{width:100%; left: 0;}
.pageNews .newsbox .item:hover .infor .t{ color:#2781bc;}
.pageNews .newsshow{ padding: 35px; background-color: #ffffff; box-sizing: border-box;}
.pageNews .newsshow .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e2e2e2;}
.pageNews .newsshow .item_top .pageT{margin-bottom: 10px; font-size: 22px;line-height: 1.4;color: #333333;}
.pageNews .newsshow .item_top .pageD{font-size: 15px;color: #666666;}
.pageNews .newsshow .item_content{padding: 30px 0; font-size:16px; color:#666666; line-height:2;}
.pageNews .newsshow .item_content p a{font-size: 16px !important; }
.pageNews .newsshow .item_content img{max-width:100%; margin:5px 0;}
.pageNews .newsshow .item_content table{border-collapse:collapse;width:100% !important;}
.pageNews .newsshow .item_content table,.pageNews .newsshow .item_content tr{ font-size: 15px; color: #444444; }
.pageNews .newsshow .item_content table,.pageNews .newsshow .item_content th,.pageNews .newsshow .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}
.pageNews .newsshow .item_btm{width: 100%;padding-top: 30px;border-top: 1px solid #e2e2e2;display: flex;align-items: center; justify-content: space-between;}
.pageNews .newsshow .item_btm .paging_nav{width: calc(100% - 180px);margin: 0;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction: column;align-content: flex-start;}
.pageNews .newsshow .item_btm .paging_nav .prevpage{float: left;width: 100%;}
.pageNews .newsshow .item_btm .paging_nav .prevpage a{line-height: 2;color: #333333;font-size: 16px;display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pageNews .newsshow .item_btm .paging_nav .prevpage:hover a{color: #2781bc;}
.pageNews .newsshow .item_btm .paging_nav .nextpage {float: left;width: 100%;}
.pageNews .newsshow .item_btm .paging_nav .nextpage a {line-height: 2;color: #333333;font-size: 16px; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
.pageNews .newsshow .item_btm .paging_nav .nextpage:hover a{color: #2781bc;}
.pageNews .newsshow .item_btm .return_list{width: 160px;}
.pageNews .newsshow .item_btm .return_list .backList{width:100%;height: 50px; color: #ffffff; border-radius: 25px; background: #2781bc; display: flex; align-items: center; justify-content: center;}
.pageNews .newsshow .item_btm .return_list .backList .ml-cio{ margin-left: 10px; height: 12px;}
.pageNews .newsshow .item_btm .return_list .backList:hover{background:#2781bc;}

.support{position: relative; width: 100%; padding: 70px 0; background: #f9f9f9;}
.support .supportcent{ padding: 40px; background: #ffffff;line-height: 16px; color: #333333; line-height: 28px;}

.pageTalent{ position: relative; padding: 70px 0; background: #f9f9f9;}
.joinProfile {position: relative;}
.joinProfile .left {width: 48%;float: left;}
.joinProfile .left .splitlist {font-size: 34px;color: #2781bc;}
.joinProfile .left .info {font-size: 17px;color: #333;padding: 30px 0;line-height:30px;}
.joinProfile .right {width: 50%;float: right;}
.joinProfile .right img {width: 100%;}
.pageTalent .joinbox{ display: grid;grid-gap: 25px; grid-template-columns: repeat(3,1fr);}
.pageTalent .joinbox .item{ background-color: #ffffff; box-shadow:0 0 15px rgba(0,0,0,0.05)}
.pageTalent .joinbox .item a{display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox;  display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column; -moz-box-orient: vertical;-moz-box-direction: normal;-ms-flex-direction: column;  flex-direction: column; -webkit-box-pack: justify;-webkit-justify-content: space-between;-moz-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; text-align: left; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s;-moz-transition: opacity 0.3s; transition: opacity 0.3s; padding:25px;}
.pageTalent .joinbox .item .title{position: relative; display: -webkit-box; font-size: 20px; font-weight:bold; line-height: 28px; color: #222831;}
.pageTalent .joinbox .item .title::after{ position:absolute; content: ''; width: 100%; height: 1px; background: rgba(0, 0, 0, .1); bottom: -8px; left: 0; }
.pageTalent .joinbox .item .status{margin-top: 20px; display: -webkit-box;display: -webkit-flex;display: -moz-box; display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; line-height: 26px; color: #666666;}
.pageTalent .joinbox .item:hover{ background:#2781bc;}
.pageTalent .joinbox .item:hover .title{ color:#ffffff;}
.pageTalent .joinbox .item:hover .status{ color: #ffffff;}
.pageTalent .joinshow{ padding: 35px; background-color: #ffffff; box-sizing: border-box;}
.pageTalent .joinshow .left{float:left; width:calc(100% - 180px);}
.pageTalent .joinshow .item_top{width: 100%;padding-bottom: 30px; border-bottom: 1px solid #e2e2e2;}
.pageTalent .joinshow .item_top .pageT{margin-bottom: 10px; font-size: 24px;line-height: 1.4;color: #333333;}
.pageTalent .joinshow .item_top .pageD{font-size: 15px;color: #666666;}
.pageTalent .joinshow .item_top .return_list{float:right; width: 160px;}
.pageTalent .joinshow .item_top .return_list .backList{width:100%;height: 45px; color: #ffffff; border-radius: 25px; background: #2781bc; display: flex; align-items: center; justify-content: center;}
.pageTalent .joinshow .item_top .return_list .backList .ml-cio{ margin-left: 10px; height: 12px;}
.pageTalent .joinshow .item_top .return_list .backList:hover{background:#2781bc;}
.pageTalent .joinshow .item_content{padding: 30px 0; font-size:16px; color:#666666; line-height:2;}
.pageTalent .joinshow .item_content p a{font-size: 16px !important; }
.pageTalent .joinshow .item_content img{max-width:100%; margin:5px 0;}
.pageTalent .joinshow .item_content table{border-collapse:collapse; width:100% !important;}
.pageTalent .joinshow .item_content table,.pageTalent .joinshow .item_content tr{ font-size: 15px; color: #444444; }
.pageTalent .joinshow .item_content table,.pageTalent .joinshow .item_content th,.page_join .joinshow .item_content td{ border: 1px solid #333333; text-align: center; font-size: 16px;}

.contact{ position: relative; padding: 70px 0; background: #f9f9f9;}
.contact .cont{display: flex; justify-content: space-between; background: #ffffff;}
.contact .cont .contImg{ width: 50%;}
.contact .cont .contImg img{ width: 100%; height: 100%; object-fit: cover;}
.contact .cont .contR{ width: 50%; padding:50px 40px; box-sizing: border-box;}
.contact .cont .contR .title{ font-size: 24px; color: #2781bc; font-weight: bold;}
.contact .cont .contR .contbox{position: relative; margin-top: 40px; }
.contact .cont .contR .contbox .flex-center{margin-bottom: 30px; display: flex; align-items: center;}
.contact .cont .contR .contbox .flex-center:last-child{ margin-bottom: 0;}
.contact .cont .contR .contbox .flex-center .icon{ width: 50px; height: 50px; font-size: 22px; color: #2781bc; border-radius: 50%; background:none; border: 1px #2781bc solid; display: flex; align-items: center; justify-content: center;}
.contact .cont .contR .contbox .flex-center .ml{ margin-left: 20px; width: calc(100% - 80px);}
.contact .cont .contR .contbox .flex-center .ml .ft{margin-top: 5px; font-size: 18px; font-weight: bold; color: #333333; line-height: 30px;}
.contact .cont .contR .contbox .flex-center .ml .tit{ font-size: 15px; color: #666666;}
.contactMap{width: 100%; background: #ffffff; margin-top: 40px;}
.contactMap .Map{height: 380px; width: 100%; box-sizing: border-box;}

/* fenye */
.pages { margin:0 auto; text-align:center; font-size:15px;}
.pages li { margin-top: 30px; display:inline-block; height:36px; line-height:36px; background:#ffffff; }
.pages li a{text-align:center; color:#333333; padding:0 15px;}
.pages .active {background:#2781bc; text-decoration:none}
.pages .active a{color:#ffffff; }
.pages li:hover { background:#2781bc; text-decoration:none }
.pages li:hover a{ color:#ffffff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #cccccc; color:#333333; text-align:center; padding:0 13px;}
.pages1{ width:100%; padding: 40px 0; background: #ffffff;border-top: 1px #e5e5e5 solid; margin-top: 20px; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333333; font-size: 15px;}
.pages1_l:hover a{ color:#2781bc;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{line-height:26px; color:#333333; font-size: 15px;}
.pages1_r:hover a{ color:#2781bc;}