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

body { background:#1a1818; font-size:14px; font-family:"TaipeiSansTCBeta-Regular"; color:#333; -webkit-tap-highlight-color:transparent; overflow-x:hidden; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea { font-family:"Microsoft Yahei"; -webkit-appearance: none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#0061ae; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1200px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}


/*阻止旋转屏幕时自动调整字体大小*/
textarea { resize: none; -webkit-appearance: listbox; -moz-appearance: listbox; }
/*取消按钮在iphone上的默认样式*/
input[type=button], input[type=number] { -webkit-appearance: none; outline: none; }
/*移除上下小箭头  chrome*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0;}
input[type=number], input[type=date], input[type=datetime], input[type=datetime-local] ,input[type=submit],input[type=button]{ -moz-appearance: textfield; -webkit-appearance: none !important; margin: 0; }
/*移除上下小箭头 Firefox*/
input::-webkit-input-placeholder { color:rgba(255,255,255,.5); }
textarea::-webkit-input-placeholder {color:rgba(255,255,255,.5); }
input::-webkit-input-speech-button { display: none; }


@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot'); /* IE9*/
  src: url('../font/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
@font-face {
  font-family: "BEBAS";
  src: url("../font/BEBAS.woff") format("woff"),
       url("../font/BEBAS.ttf") format("truetype"),
       url("../font/BEBAS.eot") format("embedded-opentype"),
       url("../font/BEBAS.svg") format("svg"),
       url("../font/BEBAS.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "TaipeiSansTCBeta-Regular";
  src: url("../font/TaipeiSansTCBeta-Regular.woff") format("woff"),
       url("../font/TaipeiSansTCBeta-Regular.ttf") format("truetype"),
       url("../font/TaipeiSansTCBeta-Regular.eot") format("embedded-opentype"),
       url("../font/TaipeiSansTCBeta-Regular.svg") format("svg"),
       url("../font/TaipeiSansTCBeta-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}


/**index**/
.abIndex-head{ height:51px; display:none;}
.abHead{ width:100%; position:fixed; left:0; top:0; z-index:99; padding:0 3vw; border-bottom:1px solid rgba(255,255,255,.2);}
.abHead-logo{ background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:center center; width:352px; height:85px; margin-top:0px;}
.abHead-nav li{ float:left; padding:0 1.5vw; animation:fadeInDown alternate 1s; position:relative;}
.abHead-nav li a.far{ font-size:16px; display:block; position:relative; line-height:99px; color:#fff;}
.abHead-nav li a.far span{ display:block; transition:ease .65s;transform:translateY(100%); opacity:0; visibility:hidden; text-transform:capitalize;}
.abHead-nav li a.far em{ position:absolute; left:0; top:0; display:block; text-align:center; width:100%; transition:ease .65s; transform:translateY(0); opacity:1; visibility:visible; font-style:normal;}
.abHead-nav li a.far:before{ content:''; background:#0061ae; width:0; height:3px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.4s;}
.abHead-nav li.active a.far, .abHead-nav li:hover a.far{ color:#0061ae;}
.abHead-nav li.active a.far span, .abHead-nav li:hover a.far span{transform:translateY(0); opacity:1; visibility:visible;}
.abHead-nav li.active a.far em, .abHead-nav li:hover a.far em{transform:translateY(-100%); opacity:0; visibility:hidden;}
.abHead-nav li.active a.far:before, .abHead-nav li:hover a.far:before{ width:31px;}
.abHead-nav li .subNav{ background:#0061ae; width:100%; position:absolute; left:0; top:100%; padding:10px 0; display:none;}
.abHead-nav li .subNav a{ display:block; color:#fff; padding:8px 0; text-align:center;}
.abHead-nav li .subNav a:hover{ background:#fff; color:#0061ae;}

.abHead-language{ background:#0061ae; padding:0 25px; line-height:35px; color:#fff !important; margin-top:32px;}

.slide-two .abHead-nav li a.far{ color:rgba(255,255,255,.5);}
.slide-two .abHead-nav li a.far:before{ background:#fff;}
.slide-two .abHead-nav li.active a.far, .slide-two .abHead-nav li:hover a.far{ color:#fff;}

.slide-three .abHead{ border-bottom:1px solid rgba(145,145,145,.2);}
.slide-three .abHead-logo{ background-image:url(../images/logo_h.png);}
.slide-three .abHead-nav li a.far{ color:rgba(40,40,40,.8);}
.slide-three .abHead-nav li.active a.far, .slide-three .abHead-nav li:hover a.far{ color:#0061ae;}
.slide-three .abHead-search .srhBtn{ color:#0061ae;}

.slide-four .abHead-nav li a.far{ color:rgba(255,255,255,.5);}
.slide-four .abHead-nav li a.far:before{ background:#fff;}
.slide-four .abHead-nav li.active a.far, .slide-two .abHead-nav li:hover a.far{ color:#fff;}

.slide-five .abHead{ border-bottom:1px solid rgba(96,109,136,.2);}
.slide-five .abHead-logo{ background-image:url(../images/logo_h.png);}
.slide-five .abHead-nav li a.far{ color:rgba(40,40,40,.8);}
.slide-five .abHead-nav li a.far:before{ background:#0061ae;}
.slide-five .abHead-nav li.active a.far, .slide-three .abHead-nav li:hover a.far{ color:#0061ae;}
.slide-five .abHead-search .srhBtn{ color:#0061ae;}

.abHead-search{ position:relative; padding-left:5vw;}
.abHead-search .srhBtn{ color:#fff; font-size:20px; line-height:48px; cursor:pointer; display:inline-block;}
.abHead-searchBox{ width:100%; background:rgba(255,255,255,.2); position:fixed; left: 0; top:99px; padding:20px 3vw; visibility:hidden; transform:translateY(50%); transition:all .6s; z-index:10;}
.abHead-searchBox.on{ visibility:visible; transform:translateY(0);}
.abHead-searchBox .inpt{ background:none; width:100%; height:30px; line-height:30px; font-size:16px; color:#fff;}
.abHead-searchBox .btn{ background:none; width:30px; height:30px; line-height:30px; color:#fff; font-size:24px; cursor:pointer; position:absolute; right:3vw; top:20px;}


.menuBtn { display: none; width:50px; height:100%; position:absolute; right:0; top:0; cursor: pointer; z-index: 100; }
.menuBtn .burger { display: block; width:36px; height:3px; position: absolute; left:7px; background:#fff; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 12px; }
.menuBtn .burger-2 { top: 24px; }
.menuBtn .burger-3 { top: 36px; }
.menuBtn.active .burger-1 { top: 24px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background:#fff; }
.menuBtn.active .burger-3 { top: 24px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background: #fff; }
.menu-mark { width: 100%; height:calc(100% - 54px); position: fixed; background: rgba(0,0,0,0.6); left: 0; top:54px; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 200px; position: fixed; display: none; right:2%; top:53px; background:#081b3a; z-index: 99; }
.menu-list { padding: 30px 0 30px 30px; }
.menu-list li { margin-bottom:25px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size:18px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}


.abIndex{ width:100vw; height:100vh;overflow:hidden;}
.abIndex .abHead{ display:none;}
.abIndex>.swiper-wrapper>.swiper-slide{transform:scale(.8); -ms-transform:scale(.8); transition:all .6s; opacity:.6; position:relative;}
.abIndex>.swiper-wrapper>.swiper-slide-active{transform:scale(1); -ms-transform:scale(1); opacity:1; transition:all 0s;}
.abIndex .swiper-slide-active .abHead{ display:block;}


.abBanner{ position:relative; width:100%; height:100%; overflow:hidden;}
.abBanner li{ position:relative;}
.abBanner li .m-img{ width:100%; display:none;}
.abBanner li .show{ width:100%; height:100%; transform:scale(1.2); transition:ease 2s; opacity:.5;}

.abBanner li:first-child:before{ background:rgba(0,0,0,.7);}
.abBanner li video{ width:100%; height:100%; object-fit: fill;}
.abBanner li .pic{ background-position:center; background-size:cover; width:100%; height:100%;}
.abBanner li .iboxt{ width:100%; text-align:center; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2;}
.abBanner li .iboxt .t-boxt{ opacity:0; transition:ease 1s; transform:translate(0,50%); animation-name:bounceInDown;}

.abBanner li .iboxt .en{  font-size:24px; text-transform:capitalize;}
.abBanner li .iboxt .cn{ font-size:50px; font-weight:lighter; line-height:1.2; padding:45px 0;}
.abBanner li .iboxt .ct{ font-size:18px; font-weight:lighter;}
.abBanner li.swiper-slide-active .show, .abBanner li.swiper-slide-duplicate-active .show{transform:scale(1); opacity:1;}
.abBanner li.swiper-slide-active .t-boxt, .abBanner li.swiper-slide-duplicate-active .t-boxt{transform:translate(0,0); opacity:1; transition-delay:1s;}
.abBanner .button{ position:absolute; left:25vw; bottom:25vh; z-index:3;}
.abBanner .swiper-button-next, .abBanner .swiper-button-prev{ width:30px; height:30px; line-height:26px; text-align:center; color:#fff; float:left; margin-right:20px; margin-top:auto; font-weight:bold; position:relative; top:auto; left:auto; right:auto; border-radius:50%; border:2px #fff solid; transition:all 0.4s;}
.abBanner .swiper-button-next:hover, .abBanner .swiper-button-prev:hover{ opacity:0.5;}

.mouse{ width:25px; height:39px; background:url(../images/mouse.png) center no-repeat; width:16px; height:46px; position:absolute; left:50%; margin-left:-8px; bottom:3vh; z-index:10;}
.mouse i{ display:block; width:2px; height:5px; background:#fff; position:absolute; left:50%; margin-left:-1px; top:7px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}
@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 5px;
	}
	to{
		opacity: 0;
		top: 13px;
	}
}

.abAbout{ background:url(../images/abAbout-Bg.jpg) repeat; width:100%; height:100%; position:relative;}
.abAbout-word{  background:url(../images/abAbout-map.png) no-repeat left; background-size:auto 100%; width:38%; height:100%; position:relative;}
.abAbout-word .w-box{ width:72%; color:#fff; position:absolute; right:5vw; top:50%; transform:translateY(-50%); z-index:2;}
.abAbout-word .w-box .swith{ display:none;}
.abAbout-word .w-box .swith:first-child{ display:block;}
.abAbout-word .w-box .en{ font-family: "BEBAS"; font-size:36px; color:rgba(255,255,255,.6); }
.abAbout-word .w-box .cn{  font-size:48px; padding:4vh 0 3vh 0;}
.abAbout-word .w-box .ct{ font-size:16px; line-height:36px; color:rgba(255,255,255,.6); max-height:144px; overflow:hidden;}
.abAbout-word .w-box .mo{ font-family: "BEBAS"; font-size:16px; color:#fff; display:block; padding:5vh 0 4vh 0; border-bottom:1px solid rgba(255,255,255,.11);}
.abAbout-word .number{  -webkit-column-count:5;-moz-column-count:5;column-count:5; padding-top:5vh;}
.abAbout-word .number dl{ text-align:center;}
.abAbout-word .number dl dt{  color:rgba(255,255,255,.32);}
.abAbout-word .number dl dt .dig{font-family: "BEBAS"; font-size:48px; color:#fff; padding-right:10px; display:inline-block;}
.abAbout-word .number dl dd{ font-size:18px; margin-top:3vh;}
.abAbout-figure{ width:59%; height:100%; position:relative; }
.abAbout-figure .card { position:absolute; left:0; top:29vh; width:100%; -webkit-transition:all .3s ease; transition:all .3s ease; z-index:90; opacity:.4;width:510px; }
.abAbout-figure .card:first-of-type {-webkit-transform:scale(0.9); transform:scale(0.9); -webkit-transform-origin:center; transform-origin:center; }
.abAbout-figure .card:nth-of-type(n+2) { -webkit-transform:scale(0.8) rotate(-5deg) translateY(-20px); transform:scale(0.8) rotate(-5deg) translateY(-20px); -webkit-transform-origin:bottom left; transform-origin:bottom left; }
.abAbout-figure .card:last-of-type { -webkit-transform:scale(0.8) rotate(5deg) translateY(-20px); transform:scale(0.8) rotate(5deg) translateY(-20px); -webkit-transform-origin:bottom right; transform-origin:bottom right; }
.abAbout-figure .card.active{ z-index:101; opacity:1;transform: rotate(0deg);}


.abInnov{ background-position:center; background-size:cover; width:100%; height:100%; position:relative;}
.abInnov-list{ width:87%; position:absolute; right:0; top:36vh; padding-bottom:3.5vh; border-bottom:1px solid rgba(255,255,255,.16); }
.abInnov-list li{ padding:0 9vw 0 1.5vw;}
.abInnov-list li .word{ width:51%; }
.abInnov-list li .word .en{ font-family:"BEBAS"; font-size:36px; color:rgba(255,255,255,.36);}
.abInnov-list li .word .cn{ font-size:36px; line-height:48px; color:#fff; padding:3vh 0;}
.abInnov-list li .word .cn label{ font-size:48px; color:#ffcc00; display:inline-block;  vertical-align:top; padding-left:10px;}
.abInnov-list li .word .ct{  font-size:20px; line-height:36px; max-height:72px; color:#fff; overflow:hidden;}
.abInnov-list li .word .cp{ color:rgba(255,255,255,.5); margin-top:3vh; position:relative; line-height:22px;}
.abInnov-list li .pic{ width:45%; margin-top:1vh; overflow:hidden;}
.abInnov-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.abInnov-list li .pic:hover img{transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.abInnov-list .swiper-slide-prev { transition: all .3s ease; opacity: 0; transform: rotateX(80deg); }
.abInnov-list .swiper-button-next, .abInnov-list .swiper-button-prev{ width:30px; height:30px; line-height:26px; text-align:center; color:#fff; top:auto; bottom:-5vh; font-weight:bold; border-radius:50%; border:2px #fff solid; transition:all 0.4s;  opacity:1;}
.abInnov-list .swiper-button-next{ right:9vw;}
.abInnov-list .swiper-button-prev{ left:auto; right:calc(9vw + 60px);}
.abInnov-list .swiper-button-next:hover, .abInnov-list .swiper-button-prev:hover{ opacity:0.5;}
.abInnov-list .swiper-button-next.swiper-button-disabled{ opacity:0.5;}
.abInnov-list .swiper-button-prev.swiper-button-disabled{ opacity:0.5;}

#particles-js, #parallax, .layer, .some-space, .some-more-space {
  height: 100%;
  position: absolute;
  width: 100%;
}

#particles-js {
  opacity: 0.6;
}

.abCase{ background-position:center; background-size:cover; height:100%; position:relative;}
.abCase-bg{ background-position:center; background-size:cover; width:100%; height:100%; animation:partner linear 200s infinite;}
.abCase-list { position:absolute; top:50%; left:14%; transform:translateY(-50%); width:64%; z-index:10; }
.abCase-list-word {  width:22%; position:absolute; left:0; top:0; z-index:6; display:none; }
.abCase-list-word .num{ font-size:48px; display:block; text-align:right; color:rgba(0,0,0,.58);}
.abCase-list-word .tit{ font-size:30px; padding-top:9vh;  color:#0061ae;}
.abCase-list-word .txt{ font-size:48px; padding:3vh 0 2vh 0; position:relative;  color:#0061ae;}
.abCase-list-word .txt:before{ content:''; background:#0061ae; width:calc(100% + 45px); height:5px; position:absolute; left:0; bottom:0; transition:all 0.4s;}
.abCase-list-word .mo{ font-family:"BEBAS"; font-size:16px; display:block; margin-top:11vh;  color:#0061ae;}
.abCase-list-word a:hover .txt:before{ width:calc(100% + 100px);}
.abCase-list-sider .swiper-container { overflow: inherit; }
.abCase-list-sider .swiper-container .swiper-slide { position:relative; opacity: .5; overflow:hidden;}
.abCase-list-sider .swiper-container .swiper-slide .pic{ width:78%; overflow:hidden;    height: 70vh;}
.abCase-list-sider .swiper-container .swiper-slide img{ width:100%; transition:all 0.4s;height: 100%;object-fit: contain;}
.abCase-list-sider .swiper-container .swiper-slide .pic:hover img{  -webkit-transform:scale(1.05); transform:scale(1.05);}
.abCase-list-sider .swiper-container .swiper-slide.active { opacity: 1; padding-left:22%;}
.abCase-list-sider .swiper-container .swiper-slide.active  .abCase-list-word{ display:block;}
.abCase-list-sider .swiper-container .swiper-slide.active  .pic{ width:100%;}
.abCase-list-sider .swiper-container .swiper-slide-prev { transition: all .3s ease; opacity: 0; transform: rotateX(80deg); }
.abCase-list-sider .button { position:absolute; bottom:10px; width:68px; height:68px; line-height:62px;  right:-34px; border-radius:100%; border:3px solid #fff; z-index: 6; transition:all 0.4s; }
.abCase-list-sider .button .swiper-button-prev, .abCase-list-sider .button .swiper-button-next { position:relative; float:left; left:auto; right:auto; top:auto; margin:0; width:50%; height:auto; text-align:center; color: #fff; font-size:20px; }
.abCase-list-sider .button:hover{ background:#0061ae; border-color:#0061ae;}


.abHistory{ background-position:center; background-size:cover; height:100%; position:relative; }
.abHistory-box{ padding-top:130px; padding-left:12vw;}
.abHistory-title{ color:#000; text-align:right; padding-top:13.5vh;}
.abHistory-title .cn{  font-size:36px;}
.abHistory-title .en{ font-family:"BEBAS"; font-size:36px; padding-top:2vh;}
.abHistory-list{/** background:url(../images/fzlc.png) repeat-x left center; **/width:calc(100% - 200px); position:relative; overflow:hidden; padding:10px 0;}
.abHistory .abHistory-list::after{
content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    top: 50%;
}
.abHistory-list li .li-item{ width:20%; float:left; display:inline-block; height:475px; vertical-align:top; position:relative; padding:0 10px;}
.abHistory-list li .li-itemPic{ width:100%; position:relative; text-align:center; }
.abHistory-list li .li-itemPic .figure{ width:180px; display:inline-block; vertical-align:top; position:relative; transition: all .8s;display: none}
.abHistory-list li .li-itemPic .figure:before { content: ""; display: block; width:100%; height:100%; background:rgba(255,216,0,.55); position:absolute; left:0; top:0; transition:all .8s; z-index: -1; }
.abHistory-list li .li-itemTxt{ width:100%; position:absolute; left:0; top:355px; padding:0 15px; text-align:left; font-family:"TaipeiSansTCBeta-Regular"; font-size:16px; line-height:24px; color:#333; transition:all 0.4s; opacity:1;    display: flex;
    justify-content: center;}
.abHistory-list li .li-itemYear{ font-family:"BEBAS"; color:#666; font-size:34px; line-height:1; position:absolute; left:50%; top:255px; transform:translateX(-50%);}
.abHistory-list li .li-itemYear:before{ content:''; background:#3399ff; width:8px; height:8px; position:absolute; left:50%; top:-20px; margin-left:-4px; border-radius:50%;}
.abHistory-list li .li-item:nth-child(2n+2) .li-itemPic{ width:100%; position:absolute; left:0; bottom:0;}
.abHistory-list li .li-item:nth-child(2n+2) .li-itemYear{ bottom:248px; top:auto;}
.abHistory-list li .li-item:nth-child(2n+2) .li-itemYear:before{ top:41px;}
.abHistory-list li .li-item:nth-child(2n+2) .li-itemTxt{ top:55px;}
.abHistory-list li .li-item:hover .li-itemPic .figure{ transform:translate(-10px,-10px);}
.abHistory-list li .li-item:hover .li-itemPic .figure::before { transform:translate(10px,10px); }
.abHistory-list li .li-item:hover .li-itemTxt{ opacity:1;}
.abHistory-list li .li-item:hover .li-itemYear{ color:#ff6600;}
.abHistory-list li .li-item:hover .li-itemYear:before{ background:#ff6600;}
.abHistory-list .swiper-button-next, .abHistory-list .swiper-button-prev{  background:#0061ae; color:#fff; opacity:1; border-color:#0061ae; width:30px; height:30px; line-height:26px; text-align:center; color:#fff; top:auto; bottom:0; font-weight:bold; border-radius:50%; border:2px #0061ae solid; transition:all 0.4s; }
.abHistory-list .swiper-button-next{ left:60px; right:auto;}
.abHistory-list .swiper-button-prev{ left:0; }
.abHistory-list .swiper-button-next:hover, .abHistory-list .swiper-button-prev:hover{ background:#0061ae; color:#fff; opacity:1; border-color:#0061ae;}
.abHistory-list .swiper-button-next.swiper-button-disabled{ background:none; border-color:#fff;}
.abHistory-list .swiper-button-prev.swiper-button-disabled{ background:none; border-color:#fff;}

.abHistory-mobile{ width:100%; display:none; margin-top:15px; float:right; overflow:hidden; padding-bottom:40px; position:relative;}
.abHistory-mobile .pic img{ width:100%;}
.abHistory-mobile .year{ font-size:20px; color:#333; padding:10px 0;}
.abHistory-mobile .txt{ font-size:15px; line-height:26px; color:#666;}
.abHistory-mobile .swiper-button-next, .abHistory-mobile .swiper-button-prev{ background:#0061ae; width:26px; height:26px; line-height:22px; text-align:center; color:#fff; top:auto; bottom:5px; font-weight:bold; border-radius:50%; border:2px #0061ae solid; transition:all 0.4s;  opacity:1;}
.abHistory-mobile .swiper-button-next{ right:0;}
.abHistory-mobile .swiper-button-prev{ left:0; }

.abHistory .abFooter{ width:100%; position:absolute; left:0; bottom:0; z-index:2;}


.abHistory-footer{ background:#004583; width:100%; padding:5vh 5vw 4vh 5vw; }
.abHistory-footer .f-logo{ width:calc(33.333% - 40px);}
.abHistory-footer .f-contact{ width:calc(33.333% - 40px);}
.abHistory-footer .f-contact .t{  font-size:24px; color:#fff; padding-bottom:20px;}
.abHistory-footer .f-contact .c{ line-height:30px; color:#ccccff;}
.abHistory-footer .f-tel{ background:url(../images/f-tel.png) no-repeat left center; width:calc(33.333% - 40px); padding-left:60px; color:#fff; font-family:"BEBAS"; line-height:36px; }
.abHistory-footer .f-tel strong{ font-size:22px;}
.abFooter-copy{ background:#00315c; position:relative; text-align:center; color:rgba(255,255,255,.5); line-height:24px;  font-size:12px; color:rgba(255,255,255,.5); text-transform:uppercase;  padding:15px 0;}

.abFooter-links{ position:fixed; left:0; bottom:2vh; z-index:10; padding-left:5vw;  }
.abFooter-links a{  text-align:center; float:left; margin-right:25px; color:#333; position:relative;}
.abFooter-links a .iconfont{/* background:rgba(255,255,255,.5); color:rgba(255,255,255,.5);*/ width:24px; height:24px; line-height:24px; display:inline-block; border-radius:50%; transition:all 0.4s;}
.abFooter-links a:hover .iconfont{ background:rgba(255,240,0,.5); transform:rotate(360deg);}
.abFooter-links a .img{ position:absolute; width:80px; height:80px; left:50%;top:-90px; margin-left:-30px; opacity:0; visibility: hidden; z-index:2; transition: ease .65s; transform: translateY(-10px);}
.abFooter-links a:hover .img{ opacity:1; visibility: visible;transform: translateY(0);}
.abFooter-links a .txt{ background:#fff; position:absolute; width:100px; left:50%; top:-45px; line-height:30px; border-radius:5px; text-align:center; font-size:17px; margin-left:-50px; opacity:0; visibility: hidden; z-index:2; transition: ease .65s; transform: translateY(-10px);}
.abFooter-links a .txt:before{content:''; height:0; width:0; display:block; border:10px transparent solid; border-bottom-width:0; border-top-color:#fff; position:absolute; bottom:-10px; left:50%; margin-left:-10px; }
.abFooter-links a:hover .txt{ opacity:1; visibility: visible;transform: translateY(0);}

.abHistory-footer .f-code{ width:110px; text-align:center; color:#fff;}
.abHistory-footer .f-code img{ margin-bottom:10px;}


/**人力资源**/
.phead-box{ background:#fff; height:99px;}
.phead-box .abHead{ background:#fff; border-bottom:1px #ebebeb solid;}
.phead-box .abHead-logo{ background-image:url(../images/logo_h.png);}
.phead-box .abHead-nav li a.far{ color:#666;}
.phead-box .abHead-nav li.active a.far, .phead-box .abHead-nav li:hover a.far{ color:#0061ae;}
.phead-box .abHead-search .srhBtn{ color:#333;}

.pbanner{ background-position:center; background-size:cover; height:400px; position:relative;}
.pbanner img{ width:100%; display:block;}
.pbanner .text{ width:72%; position:absolute; left:14%; top:50%; transform:translateY(-50%); z-index:2; color:#fff;}
.pbanner .text .t{ font-size:48px; font-weight:bold;}
.pbanner .text .c{ line-height:30px; max-width:605px; margin-top:15px;}


.pmenu{ background:#0061ae;}
.pmenu .w{ width:72%;}
.pmenu a{ float:left; font-size:20px; color:#87b6db; line-height:75px; text-align:center;}
.pmenu a.active, .pmenu a:hover{ background:#005090 url(../images/pmenu-line.png) no-repeat center; font-weight:bold; color:#fff;}
.pmenu a:first-child:nth-last-child(2), .pmenu a:first-child:nth-last-child(2) ~ a { width:50%;}
.pmenu a:first-child:nth-last-child(3), .pmenu a:first-child:nth-last-child(3) ~ a { width:33.33%;}
.pmenu a:first-child:nth-last-child(4), .pmenu a:first-child:nth-last-child(4) ~ a { width:25%;}
.pmenu a:first-child:nth-last-child(5), .pmenu a:first-child:nth-last-child(5) ~ a { width:20%;}


.pmain{ background:#fff;}
.pTalent-strategy{ width:80%; margin:auto; padding-top:120px;}
.pTalent-strategy .word{ width:31%;}
.pTalent-strategy .word .en-t{ font-size:24px; text-transform:uppercase;}
.pTalent-strategy .word .cn-t{ font-size:36px; font-weight:bold; margin-top:15px;}
.pTalent-strategy .word .txt{ font-size:16px; line-height:30px; color:#666; text-align:justify; margin-top:35px; text-indent:2rem;}

.pTalent-strategy .figure{ width:66%;}

.pTalent-join{ width:72%; margin:auto; padding:75px 0 120px 0;}
.pTalent-join .thead{ background:#333; padding-left:55px;}
.pTalent-join .thead li{ float:left; font-size:16px; line-height:79px; color:#fff;}
.pTalent-join .thead li:nth-child(1){ width:16%;}
.pTalent-join .thead li:nth-child(2){ width:30%;}
.pTalent-join .thead li:nth-child(3){ width:30%;}
.pTalent-join .tbody li{ padding:30px 0 40px 55px; overflow:hidden; border-bottom:1px #eaeaea solid;}
.pTalent-join .tbody li .li-row{ float:left; font-size:16px; line-height:30px; padding-top:20px;}
.pTalent-join .tbody li .li-row .txt{ max-width:90%; }
.pTalent-join .tbody li .li-row .txt p span{
    text-wrap-mode: initial !important; 
}
.pTalent-join .tbody li .li-row .ypbtn{ background:#ef9a2c; width:122px; line-height:37px; text-align:center; font-size:16px; color:#fff; display:inline-block; border-radius:20px;}
.pTalent-join .tbody li .li-row:nth-child(1){ width:16%; font-size:18px; font-weight:bold;}
.pTalent-join .tbody li .li-row:nth-child(2){ width:30%; padding-top:0;}
.pTalent-join .tbody li .li-row:nth-child(3){ width:30%; padding-top:0;}
.pTalent-join .tbody li .li-row:last-child{ float:right; padding-right:20px;}

.pTalent-Salary{ padding:150px 3% 0 12%;}
.pTalent-Salary .word{ width:46%;}
.pTalent-Salary .word .en-t{ font-size:24px; text-transform:uppercase;}
.pTalent-Salary .word .cn-t{ font-size:36px; font-weight:bold; margin-top:15px;}
.pTalent-Salary .word dl{ margin-top:70px;}
.pTalent-Salary .word dl dd{ width:40%; text-align:center; float:left;}
.pTalent-Salary .word dl dd .icon{ width:77px; display:inline-block; vertical-align:top;}
.pTalent-Salary .word dl dd .t{ font-size:24px; font-weight:bold; color:#dc9228; margin-top:20px;}
.pTalent-Salary .word dl dd .c{ font-size:16px; line-height:30px; color:#666; margin-top:35px;}
.pTalent-Salary .word dd:last-child{ float:right;}
.pTalent-Salary .word dd:last-child .t{ color:#ff5454;}
.pTalent-Salary .figure{ width:48%;}


.pTalent-career{ background:url(../images/zyfz-bg.jpg) no-repeat right center; padding:100px 0 110px 12%;}
.pTalent-career .word{ width:32%;}
.pTalent-career .word .en-t{ font-size:24px; text-transform:uppercase;}
.pTalent-career .word .cn-t{ font-size:36px; font-weight:bold; margin-top:15px;}
.pTalent-career .word .txt{ font-size:16px; line-height:30px; color:#666; margin-top:45px; text-align:justify;}

/**精工制造**/
.pequipment-list{ width:83%; margin:auto; padding-bottom:150px;}
.pequipment-list li{ width:calc(33.333% - 1px); margin:90px 0 0 1px; float:left; display:inline-block;}
.pequipment-list li .pic{ overflow:hidden;}
.pequipment-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.pequipment-list li .tit{ line-height:22px; font-size:18px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pequipment-list li:hover .pic img{ -webkit-transform:scale(1.05); transform:scale(1.05);}

.pLear-about{ background:#fff; padding:95px 0 50px 0;}
.pLear-about .w{ width:82%;}

.pLear-about .word{ width:100%; padding-top:30px;}
/*
.pLear-about .word .t{ font-size:30px; font-weight:bold;}
.pLear-about .word .c{ font-size:16px; line-height:36px; color:#666; text-align:justify; margin-top:40px;}
*/

.pLear-achie{ background-image:url(../images/lear-achie.jpg); background-position:center; background-size:cover; width:100%; padding:75px 0 55px 0;}
.pLear-achie .w{ width:82%;}
.pLear-achie .a-t{ font-size:30px; font-weight:bold;}
.pLear-achie .a-c{ font-size:16px; line-height:36px; color:#666; text-align:justify; margin-top:30px;}

.pLear-future{ background:#fff; padding:120px 0 130px 0;}
.pLear-future .w{ width:82%; position:relative;}
.pLear-future .word{ background:#0061ae; width:58%; padding:70px 150px 65px 50px;}
.pLear-future .word .t{ font-size:30px; font-weight:bold; color:#fff;}
.pLear-future .word .c{ font-size:16px; line-height:36px; color:rgba(255,255,255,.65); text-align:justify; margin-top:30px;}
.pLear-future .figure{ width:48%; position:absolute; right:0; top:85px; z-index:1; overflow:hidden;}
.pLear-future .figure img{ width:100%; display:block; transition:all 0.4s;}
.pLear-future .figure:hover img{ -webkit-transform:scale(1.05); transform:scale(1.05);}

.plear-work{ background-image:url(../images/work-bg.jpg); background-position:center; background-size:cover; padding:120px 0 140px 0;}
.plear-work .w{ width:82%; position:relative;}
.plear-workTit{ font-size:30px; font-weight:bold;}
.plear-workList{ overflow:hidden; position:relative;}
.plear-workList li{ overflow:hidden;}
.plear-workList li .word{ width:38%; padding-top:90px;}
.plear-workList li .word .t{ font-size:24px; font-weight:bold;}
.plear-workList li .word .c{ font-size:16px; line-height:36px; color:#666; margin-top:20px;}
.plear-workList li .figure{ width:52%; position:relative; padding:45px 135px 20px 20px;}
.plear-workList li .figure img{ position:relative; z-index:1;}
.plear-workList li .figure:before{ content:''; background:#0061ae; width:80%; height:88%; position:absolute; top:0; right:0;}
.plear-workList li .figure:after{ content:''; background:#71a2c9; width:110px; height:110px; position:absolute; left:0; bottom:0;}
.plear-workList .swiper-button-next, .plear-workList .swiper-button-prev{ width:30px; height:30px; line-height:26px; text-align:center; color:#0061ae; top:auto; bottom:0; font-weight:bold; border-radius:50%; border:2px #0061ae solid; transition:all 0.4s;  opacity:1;}
.plear-workList .swiper-button-next{ right:auto; left:calc(30% + 60px);}
.plear-workList .swiper-button-next:hover{ background:#0061ae; color:#fff;}
.plear-workList .swiper-button-prev{ left:30%;}
.plear-workList .swiper-button-prev:hover{ background:#0061ae; color:#fff;}



/**联系我们**/
.pcontact{ background:#fff; width:72%; margin:auto; margin-top:-110px; position:relative; z-index:1; padding-bottom:140px;}
.pcontact-title{ padding:80px 0 0 60px;}
.pcontact-title .cn{ font-size:30px; font-weight:bold;}
.pcontact-title .en{ font-size:12px; color:#999; text-transform:uppercase; margin-top:7px;}

.pcontact-cont{ padding:50px 0 70px 60px;}
.pcontact-cont li{ width:22%; float:left; font-size:0;}
.pcontact-cont li .icon{ width:66px; display:inline-block; vertical-align:middle;}
.pcontact-cont li .text{ display:inline-block; vertical-align:middle; padding-left:16px;}
.pcontact-cont li .text .t{ font-size:14px;}
.pcontact-cont li .text .c{ font-size:20px; line-height:30px; margin-top:10px;}
.pcontact-cont li .text .c label{ font-size:16px;}
.pcontact-cont li:nth-child(1){ width:27%;}
.pcontact-cont li:nth-child(3){ width:29%;}

.pcontact-address{ position:relative; min-height:600px; padding-left:35px;}
.pcontact-address .tab{ height:100%; width:337px; position:absolute; left:0; top:0; z-index:1; padding-left:32px;}
.pcontact-address .tab dl{ background:rgba(0,35,93,.8); height:20%; padding:50px 0 0 40px; position:relative; border-bottom:1px #646464 solid; transition:all 0.4s; cursor:pointer;}
.pcontact-address .tab dl dt{ font-size:16px; font-weight:lighter; color:#fff;}
.pcontact-address .tab dl dd{ line-height:24px; color:#a3d6ff; display:none; margin-top:10px;}
.pcontact-address .tab dl.active{ background:#0061ae; padding:12px 0 0 15px; border-bottom:1px #0061ae solid;}
.pcontact-address .tab dl.active:before{ content:''; background:#0061ae; width:32px; height:calc(100% + 1px); position:absolute; left:-32px; top:0;}
.pcontact-address .tab dl.active dt{ font-size:18px; font-weight:bold;}
.pcontact-address .tab dl.active dd{ display:block;}
.pcontact-address .map .swith{ display:none;}
.pcontact-address .map .swith .img{ background-position:center; background-size:cover; width:100%; height:600px; display:inline-block;}
.pcontact-address .map .swith:first-child{ display:block;}

.pmessage{ background-image:url(../images/pmessage-bg.jpg); background-position:center; background-size:cover; padding:60px 0 70px 0; display:none;}
.pmessage-title{ text-align:center; color:#fff;}
.pmessage-title .en{ font-family:Bebas; font-size:24px; text-transform:uppercase;}
.pmessage-title .cn{ font-size:36px; font-weight:lighter; margin-top:15px;}

.pmessage-filed{ width:946px; margin:auto; padding-top:25px;}
.pmessage-filed li{ margin-top:26px; position:relative; overflow:hidden;}
.pmessage-filed li .aside{ width:460px; position:relative;}
.pmessage-filed li .aside label{ background:#fff; line-height:50px; position:absolute; left:40px; top:0; z-index:2; font-size:16px; border-radius:30px 0 0 30px;}
.pmessage-filed li .aside .inpt{ width:100%; height:50px; line-height:50px; padding-left:90px; vertical-align:top; font-size:16px; border-radius:30px;}
.pmessage-filed li .area{ width:100%; height:217px; line-height:26px; padding:20px 30px; vertical-align:top; font-size:16px; border-radius:15px;}
.pmessage-filed li .sbtn{ background:#ffcc00; width:100%; height:47px; line-height:47px; display:block; font-size:16px; border-radius:30px; cursor:pointer;}


/**新闻速递**/
.pnews-main{ background:#f0f0f1; padding:40px 5% 90px 5%;}
.pnews-list li{ background:#fff; width:calc(25% - 50px); margin:90px 25px 0 25px; float:left; transition:all 0.4s;}
.pnews-list li .pic{ height:252px; overflow:hidden;}
.pnews-list li .pic span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s;}
.pnews-list li .word{ padding:20px;}
.pnews-list li .word .t{ font-size:21px; font-weight:bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-list li .word .c{ font-size:16px; line-height:30px; max-height:60px; overflow:hidden; margin-top:15px;}
.pnews-list li .word .d{ display:block; color:#999; padding:17px 0;}
.pnews-list li .word .m{ background:url(../images/view.png) no-repeat 92% center; line-height:46px; font-size:12px; padding-left:17px; text-transform:uppercase; border:1px #e6e6e6 solid;}
.pnews-list li:hover{ box-shadow:0 0 20px rgba(0,0,0,.3);}
.pnews-list li:hover .pic span{ -webkit-transform:scale(1.05); transform:scale(1.05);}

.ppage{ padding-top:80px; font-size:0; text-align:center;}
.ppage a{ min-width:22px; text-align:center; line-height:30px; margin:0 14px; vertical-align:top; display:inline-block; font-size:18px; color:#999;}
.ppage a:first-child{ display:none;}
.ppage a:last-child{ display:none;}
.ppage a:first-child + a{  background:url(../images/prev.png) no-repeat center; width:30px; height:30px; line-height:26px; font-size:0; text-indent:-999px; border:2px #666 solid; border-radius:50%;}
.ppage a:nth-last-child(2){ background:url(../images/next.png) no-repeat center; width:30px; height:30px; line-height:26px; font-size:0; text-indent:-999px; border:2px #666 solid; border-radius:50%;}
.ppage .nowpage{ width:22px; text-align:center; line-height:30px; margin:0 14px; vertical-align:top; display:inline-block; font-size:18px; color:#999; position:relative;}
.ppage .nowpage:before{ content:''; background:#0061ae; width:100%; height:4px; position:absolute; left:0; bottom:0; border-radius:2px;}


.newsView-top{ text-align:center; padding:85px 0 25px 0; border-top:10px #0061ae solid; border-bottom:3px #e2e2e2 solid;}
.newsView-top .t{ font-size:24px; font-weight:bold; padding-bottom:30px;}
.newsView-top .c span{ color:#999; padding:0 15px;}
.newsView-info{ max-height:calc(100% - 210px); font-size:16px; line-height:30px; padding:45px; text-align:justify; color:#666; overflow:auto;}
.newsView-info::-webkit-scrollbar{width:7px;height:7px;background-color:#eaeff2;}
.newsView-info::-webkit-scrollbar-track{ background-color:#eaeff2;}
.newsView-info::-webkit-scrollbar-thumb{ width:7px;height:7px; background-color:#0061ae ;}

.loadBg { background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; width:100%; height:100%; z-index:9998; opacity:0; visibility:hidden; -moz-transition:all .2s ease-out; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; }
.loadBg.hover { opacity:1; visibility:visible; }
.loadBg .loadIco { background:#fff url(../images/loading.gif) center center no-repeat; position:absolute; width:32px; height:32px; left:50%; top:50%; margin:-16px 0 0 -16px; border-radius:5px; }

.windowView { background:#fff; position:fixed; top:5%; left:50%; width:1100px; height:90%; margin-left:-550px; z-index:9999; visibility:hidden; -webkit-transform:translateY(100%) scale(.5, .5); -moz-transform:translateY(100%) scale(.5, .5); -ms-transform:translateY(100%) scale(.5, .5); transform:translateY(100%) scale(.5, .5); -moz-transition:all 1.6s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition:all 1.6s cubic-bezier(0.23, 1, 0.32, 1); transition:all 1.6s cubic-bezier(0.23, 1, 0.32, 1); }
.windowView .viewClose { background:#0061ae; width:46px; text-align:center; color:#fff; position:absolute; right:-46px; bottom:0; padding:18px 0 28px 0; font-size:16px; cursor:pointer;}
.windowView .viewClose .iconfont{ font-size:29px; display:inline-block; vertical-align:top; line-height:1; margin-bottom:22px;}
.windowView.on { visibility:visible; -webkit-transform:translateY(0%) scale(.5, .5); -moz-transform:translateY(0%) scale(.5, .5); -ms-transform:translateY(0%) scale(.5, .5); transform:translateY(0%) scale(.5, .5); -moz-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); transition:all .5s cubic-bezier(0.23, 1, 0.32, 1); }
.windowView.s { -moz-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform: translateY(0%) scale(1, 1); -moz-transform: translateY(0%) scale(1, 1); -ms-transform: translateY(0%) scale(1, 1); transform: translateY(0%) scale(1, 1); }


/**产品推广**/
.pproduct-details{ padding:90px 175px; position:relative; font-size:0;}
.pproduct-details-list .figure{ width:45%; display:inline-block; vertical-align:middle;}
.pproduct-details-list .word{ width:55%; padding-left:4%; display:inline-block; vertical-align:middle;}
.pproduct-details-list .word .t{ font-size:30px; font-weight:bold;}
.pproduct-details-list .word .c{ font-size:16px; line-height:36px; color:#666; margin-top:30px;}
.pproduct-details-prev, .pproduct-details-next{ background:#333; width:40px; line-height:40px; text-align:center; font-size:16px; color:#fff !important; position:absolute; top:50%; margin-top:-20px; border-radius:50%;}
.pproduct-details-prev{ left:65px;}
.pproduct-details-next{ right:65px;}
.pproduct-return{ text-align:center; padding-bottom:50px;}
.pproduct-return a{ background:#f0f0f0; line-height:58px; font-size:16px; color:#666; display:inline-block; padding:0 70px; border-radius:50px;}
.pproduct-return a:hover{ background:#0061ae; color:#fff;}

.pproduct-about{ max-width:1235px; margin:auto; padding:65px 0 90px 0; display:none;}
.pproduct-about .t{ text-align:center; font-size:30px; font-weight:bold;}
.pproduct-about .st{ font-size:18px; margin-top:25px; text-align:center;}
.pproduct-about .c{ line-height:30px; color:#666; text-align:justify; margin-top:25px;}

.pproduct-main{ padding:80px 0;}
.pproduct-list{ position:relative; overflow:hidden; padding-bottom:60px;}
.pproduct-list:before{ content:'';  background:#ececec; width:26%; height:410px;  border-radius:0 200px 200px 0; position:absolute; left:0; top:0;}
.pproduct-list:after{ content:'';  background:#ececec; width:26%; height:410px;  border-radius:200px 0 0 200px; position:absolute; right:0; top:0;}
.pproduct-list li{ text-align:center; min-height:410px;}
.pproduct-list li .tit{ font-size:18px; font-weight:bold; color:#666; margin-top:30px;}
.pproduct-list li .view{ background:#f0f0f0; line-height:40px; display:inline-block; margin-top:25px; font-size:16px; color:#666; padding:0 30px; border-radius:30px; display:none;}
.pproduct-list li .view:hover{ background:#0061ae; color:#fff;}
.pproduct-list li.swiper-slide-prev{ width:26% !important; padding:140px 0 0 150px;}
.pproduct-list li.swiper-slide-prev img{ height:130px;}
.pproduct-list li.swiper-slide-next{ width:26% !important;  padding:140px 150px 0 0;}
.pproduct-list li.swiper-slide-next img{ height:130px;}
.pproduct-list li.swiper-slide-active{ background:#fff; width:48% !important;}
.pproduct-list li.swiper-slide-active .tit{ font-size:24px; color:#333; margin-top:80px;}
.pproduct-list li.swiper-slide-active .view{ display:inline-block;}
.pproduct-list .swiper-button-next, .pproduct-list .swiper-button-prev{ background:#282828; width:40px; height:40px; line-height:40px; font-size:16px; text-align:center; color:#fff; top:180px; margin:auto;  border-radius:50%; z-index:2;}
.pproduct-list .swiper-button-next{ right:60px;}
.pproduct-list .swiper-button-next:hover{ background:#0061ae; color:#fff; }
.pproduct-list .swiper-button-prev{ left:60px;}
.pproduct-list .swiper-button-prev:hover{ background:#0061ae; color:#fff;}

.pproduct-all{ text-align:center; padding:65px 0 90px 0;}
.pproduct-all .all-btn{ background:#f0f0f0; line-height:58px; display:inline-block; font-size:16px; color:#666; padding:0 50px; border-radius:30px;}
.pproduct-all .all-btn:hover{ background:#0061ae; color:#fff;}

.dialog-mask{ background:rgba(0, 0, 0, 0.3); width:100%; height:100%; position:fixed; left:0; top:0; right:0; bottom:0; z-index:998; display:none;}
.dialog-content{ background:#fff; width:80%; padding:40px 60px;  max-width:1400px; height:65vh; position:fixed; left:10%; bottom:0; z-index:999; display:none;}
.dialog-tit{ background:#0061ae; display:inline-block; min-width:160px; line-height:57px; text-align:center; font-size:16px; color:#fff; border-radius:30px;}
.dialog-cot{ height:calc(100% - 100px); margin-top:40px; overflow:auto; border-top:1px solid #d2d6db;}
.dialog-cot::-webkit-scrollbar{width:7px;height:7px;background-color:#eaeff2;}
.dialog-cot::-webkit-scrollbar-track{ background-color:#eaeff2;}
.dialog-cot::-webkit-scrollbar-thumb{ width:7px;height:7px; background-color:#0061ae ;}
.dialog-cot .c-row{ margin-left:-3%;}
.dialog-cot a{ border:1px solid #e0e4e7; border-radius:100px; margin:35px 0 0 3%; text-align:center; float:left; min-width: 22%; height: 40px; line-height:40px; display:inline-block; }
.dialog-cot a:hover{ background:#0061ae; color:#fff; border-color:#0061ae;}
.dialog-content .close { background:#0061ae; width:46px; text-align:center; color:#fff; position:absolute; right:-46px; bottom:0; padding:18px 0 28px 0; font-size:16px; cursor:pointer;}
.dialog-content .close .iconfont{ font-size:29px; display:inline-block; vertical-align:top; line-height:1; margin-bottom:22px;}


.pproduct-category{ width:83%; margin:auto; font-size:0; }
.pproduct-category a { background:#cbdedd; width:calc((100% - 24px)/4); display: inline-block; vertical-align:top; margin-left:8px; margin-bottom:8px; position:relative; }
.pproduct-category a:hover .words { opacity:1; transition:.5s ease-in-out; }
.pproduct-category a:nth-child(4n+1) { margin-left: 0;}
.pproduct-category a .images { padding:20px; }
.pproduct-category a .images .text { text-align:center; color:#000022; line-height:28px; font-size:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; margin-top:15px; }
.pproduct-category a .images img { display:block; margin:0 auto; width:100%; }
.pproduct-category a .words { background:rgba(0, 71, 139, 0.9); position:absolute; width:100%; height:100%; left:0; top:0; color:#fff; padding:50px 30px; opacity:0; transition:.5s ease-in-out; }
.pproduct-category a .words .tit { font-size:30px; line-height:1.2; }
.pproduct-category a .words .txt { font-size:18px; line-height:25px; height:100px; margin-top:15px; display:none;}
.pproduct-category a .words .more { background:#fff; display:block; width:170px; line-height:50px; font-size: 14px; color:#222; border-radius:30px; text-align:center; margin-top:50px; text-transform:uppercase; }


/**走进奥邦**/
.pabout{ background-image:url(../images/pabout-bg.jpg); background-position:center; background-size:cover; padding:80px 0 90px 0;}
.pabout .w{ width:72%;}
.pabout-info .c{ font-size:16px; line-height:32px; text-align:justify; margin-top:30px;}
.pabout-sider{ overflow:hidden; position:relative; margin-top:50px;}
.pabout-sider li{ background:#0061ae;}
.pabout-sider li .pic{ background-position:center; background-size:cover; width:44%; min-height:266px; overflow:hidden;  border-right:2px #fff solid;}

.pabout-sider li .txt{ width:56%; padding:35px;}
.pabout-sider li .txt .t{ font-size:21px; font-weight:bold; color:#fff;}
.pabout-sider li .txt .c{ line-height:30px; margin-top:25px; color:rgba(255,255,255,.6); text-align:justify; min-height:150px;}
.pabout-sider .swiper-button-next, .pabout-sider .swiper-button-prev{ width:30px; height:30px; line-height:26px; text-align:center; color:#fff; top:auto; bottom:10px; font-weight:bold; border-radius:50%; border:2px #fff solid; transition:all 0.4s;  opacity:1;}
.pabout-sider .swiper-button-next{ right:auto; left:calc(44% - 44px);}
.pabout-sider .swiper-button-next:hover{ background:#0061ae; color:#fff; border-color:#0061ae;}
.pabout-sider .swiper-button-prev{ left:15px;}
.pabout-sider .swiper-button-prev:hover{ background:#0061ae; color:#fff; border-color:#0061ae;}

.pabout-culture{ background-image:url(../images/culture-bg.jpg); background-position:center; background-size:cover; padding:90px 0 50px 0;}
.pabout-culture-title{ font-size:36px; text-align:center; color:#fff; padding-bottom:40px;}
.pabout-culture-title .en{ font-family:Bebas; margin-top:10px;}
.pabout-culture-list{ width:1200px; margin:auto; overflow:hidden; padding:40px 0;display: flex;
    justify-content: space-between;flex-wrap:wrap;}
.pabout-culture-list table{
    width: 380px;
    min-height: 380px;
background: rgb(3, 100, 177);
}
.pabout-culture-list table td{
padding:0px 20px;
}
tr.firstRow{
    height: 100px;
}
.pabout-culture-list table tr{
    background-color: rgb(3, 100, 177);
}
.pabout-culture-list table tr:nth-child(2){
display: flex;
   height: 40px;
}
.pabout-culture-list table tr:nth-child(2) td{
display: flex;
    width: 100%;
    height: 100%;
}
.pabout-culture-list table tr:nth-child(2) td span strong{
white-space:nowrap !important;
}
.pabout-culture-list table tr:nth-child(3) td {
    display: flex;text-align: left;
    width:100%;
}
.pabout-culture-list li{ width:735px; box-shadow:0 0 40px rgba(0,0,0,.35);}
.pabout-culture + .abHistory .abHistory-box{ padding-bottom:130px;}

.pabout-honor{ background-image:url(../images/honor.jpg); background-position:center; background-size:cover; padding:70px 0 160px 0;}
.pabout-honor-list { width:77%; margin:auto; position:relative; margin-top:35px; padding:0 140px;}
.pabout-honor-list .figure{ width:55%;}
.pabout-honor-list .figure .s-swith{ display:none;}
.pabout-honor-list .figure .s-swith:first-child{ display:block;}
.pabout-honor-list .text{ overflow:hidden; width:41%;}
.pabout-honor-list ul{
    display: flex;
    flex-direction: column;
}
.pabout-honor-list .text li{ background:url(../images/start.png) no-repeat left center; display:block; font-size:16px; color:#fff; padding-left:20px; line-height:55px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid rgba(255,255,255,.15); cursor:pointer;}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{ width:auto; height:auto; font-size:16px; line-height:22px; margin-top:-11px; color:rgba(255,255,255,.5); text-transform:uppercase;}
.pabout-honor-list .swiper-button-next .iconfont, .pabout-honor-list .swiper-button-prev .iconfont{ color:#fff; font-size:20px; display:inline-block; margin:0 10px; vertical-align:top;}


/**研发创新**/
.pinnov-floor{ background:#fff; padding-top:60px; font-size:0;}
.pinnov-floor .figure{ width:43%; display:inline-block; vertical-align:middle;}
.pinnov-floor .figure img{ width:100%;}
.pinnov-floor .figure-scroll{ overflow:hidden; position:relative;}
.pinnov-floor .word{ width:57%; display:inline-block; vertical-align:middle; padding:0 5%;}
.pinnov-floor .word .w-t img{ float:left; margin-right:25px; margin-top:10px;}
.pinnov-floor .word .w-t .en{ font-size:24px; font-weight:bold; text-transform:uppercase;}
.pinnov-floor .word .w-t .cn{ font-size:36px; font-weight:bold; margin-top:10px;}
.pinnov-floor .word .w-c{ font-size:16px; line-height:36px; text-align:justify; color:#666; margin-top:35px;}

.pinnov-talent .pinnov-floor{ background:url(../images/pinnov-rencBg.jpg) repeat; padding:0; border-bottom:8px #0061ae solid;}
.pinnov-talent .pinnov-floor .word { width:50%;}
.pinnov-talent .pinnov-floor .word .w-c{ color:#292929;}
.pinnov-talent .pinnov-floor .figure{ width:50%;}

.pinnov-results{ background:#fff; padding:90px 0 65px 0;}
.pinnov-results .w{ width:82%;}
.pinnov-results-title .en{ font-size:24px; font-weight:bold; text-transform:uppercase;}
.pinnov-results-title .cn{ font-size:36px; font-weight:bold; margin-top:10px;}
.pinnov-results-list{ background:url(../images/results-img.jpg) no-repeat bottom center; padding-top:190px; min-height:550px; position:relative;}
.pinnov-results-list li{ width:31%; min-height:188px; padding:20px 30px 0 30px; position:absolute; border:1px #e5e5e5 dashed; border-radius:100px;}
.pinnov-results-list li .t{ font-size:24px; font-weight:bold; text-align:center;}
.pinnov-results-list li .c{ font-size:16px; line-height:30px; margin-top:15px;}
.pinnov-results-list li:nth-child(1){ left:0; bottom:115px;}
.pinnov-results-list li:nth-child(2){ left:50%; top:0; margin-left:-15%;}
.pinnov-results-list li:nth-child(3){ right:0; bottom:85px;}

.pinnov-project{ background-image:url(../images/pinnov-project.jpg); background-position:center; background-size:cover; padding:100px 0 150px 0;}
.pinnov-project .abInnov-list{ position:relative; top:auto; right:auto; float:right;}


/**人才招聘**/
.resume-marsk{ background:rgba(0,0,0,.5); width:100%; height:100%; position:fixed; left:0; top:0; z-index:998; display:none;}
.resume-pup{ background:#fff; width:1240px; height:80%; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999; display:none;}
.resume-pup .p-close{ font-size:40px; color:#ff6161; line-height:1; position:absolute; right:0; top:-66px;}
.resume-pup .p-box{ width:100%; height:100%; overflow-y:auto; padding:80px 150px;}
.resume-pup-title{ text-align:center; font-size:30px; font-weight:bold; font-family:"Microsoft Yahei"; padding-bottom:35px;}
.resume-pup-filed li{ overflow:hidden; margin-top:24px;}
.resume-pup-filed li label{ width:170px; text-align:right; line-height:50px; font-size:16px; float:left;}
.resume-pup-filed li .aside{ overflow:hidden;}
.resume-pup-filed li .aside .inpt{ width:560px; height:50px; line-height:30px; padding:10px; font-size:16px; border:1px #ccc solid;}
.resume-pup-filed li .aside .area{ width:100%; height:350px; line-height:28px; padding:10px; font-size:16px; border:1px #ccc solid;}
.resume-pup-filed li .aside dd{ font-size:16px; padding-left:28px; float:left; line-height:50px; margin-right:40px; position:relative;}
.resume-pup-filed li .aside dd input[type='radio']{ background:url(../images/check.png) no-repeat; width:22px; height:22px; appearance:none; position:absolute; left:0; top:50%; margin-top:-11px; }
.resume-pup-filed li .aside dd input[type='radio']:checked { background-image:url(../images/check-hover.png); background-size:contain; -webkit-background-size:contain; -o-background-size:contain; background-color:transparent; border:0;}

.resume-pup-button{ text-align:right; padding-top:40px;}
.resume-pup-button .btn{ background:#0061ae; width:296px; height:75px; line-height:75px; display:inline-block; font-size:24px; color:#fff; text-align:center; cursor:pointer;}




/*药物警戒*/
.alert-main{ background:#fff; padding:50px 0;}
.alert-title{ padding-bottom:15px;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    font-weight: bold;
    border-bottom: 1px #0061ae solid;}

.alert-text{
    font-size: 18px;
    font-weight: bold;
	padding:40px 0;
  
    color: #ea474e;
    line-height: 30px;
   
}
.alert-subTit{ background:#0061ae; color: #fff;text-align: center;
    font-size: 20px;line-height: 40px;font-weight: bold;
}

.alert-filed{  background: #e6ebef; 

    padding: 40px 80px;
}
.alert-filed .h2{font-size: 16px;font-weight: bold;line-height: 50px;}
.alert-filed .input{ margin-top:15px; line-height: 40px;
}
.alert-filed .input .name{
    width: 200px;
    text-align: right;font-size: 16px;padding-right: 10px;
}
.alert-filed .input .name .xin{color: #e6040c;    padding: 0 4px;}
.alert-filed .input .in{
    display: inline-block;
    width: 50%;
    background: #fefefe;
            overflow: hidden;
    border: 1px solid #d7dbde;
}
.alert-filed .input .in input{
    display: inline-block;
    width: 100%;  padding-left: 15px;
    height: 40px;
}
.alert-filed .input .in textarea{
    display: inline-block;
    width: 100%;  padding-left: 15px;
    line-height: 40px;
    height: 190px;
    text-align: left;
}
.alert-filed .input .t_alert{display: none;}
.alert-filed .input .t_alert .gan{
    margin: 0 15px;width: 25px;

}
.alert-filed .input .t_alert .te{
    font-size: 18px;
    padding-left: 15px;
    width: 240px;
    color: #848484;
    position: relative;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#efefef));
    background: -webkit-linear-gradient(top, #fff, #efefef);
    background: -moz-linear-gradient(top, #fff, #efefef);
    background: -o-linear-gradient(top, #fff, #efefef);
    background: -ms-linear-gradient(top, #fff, #efefef);
}
.alert-filed .input .t_alert .te:after{
    content: '';
    position: absolute;
    right: 100%;
    top:50%;
    transform: translate(0,-50%);
    border-width: 10px 10px 10px 0px;
    border-style:solid;
    border-color:transparent #f6f6f6 transparent transparent;/*透明 灰 透明 透明 */
}
.alert-filed .input.al .t_alert{ display: block;}
.alert-filed .input .in:hover{border: 1px solid #e6bebb;}
.alert-filed .input .learb .dl_li label{
    margin-left: 25px;
}
.alert-filed .input .learb .dl_li {
    display: inline-block;
    margin-right: 0.6rem;
    line-height: 0.6rem;
    position: relative;
}
.alert-filed .input input[type="checkbox"],.alert-filed .input input[type="radio"] {
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    display: none;
}
.alert-filed .input .learb .dl_li input[type="radio"] + label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #b7b9ba;
    position: absolute;
    left: 0;
    top: calc(50% - 10px);
}
.alert-filed .input .learb .dl_li input[type="radio"]:checked + label:after {
    display: inline-block;
    color: #333333;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #16bae0;
    content: "";
    font-size: 0.36rem;
    text-align: center;
    position: absolute;
    line-height: 1.3;
    left: 6.5px;
    top: calc(50% - 4px);
}
.alert-filed .input .learb .dl_li input[type="radio"]:checked + label:before{
    border: 1px solid #16bae0;
}
.alert-filed  .btn{background:#0061ae;font-size:22px;font-weight: bold; width: 80%;text-align: center;
    line-height: 50px;display: block;color: #fff; margin:auto;
}

.alert-tips{font-size: 16px;line-height: 30px;padding: 35px 0;padding-left: 80px;}
.alert-tips .t{font-size: 17px;font-weight: bold;}
.pnews-list{
    display: flex;
    flex-wrap: wrap;
}
.pmain .txt{
    max-width: 1350px;
    margin: 0 auto;
}