@charset "utf-8";
html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#444; }
a{color:#444; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#15499a}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}


@font-face
{
font-family: DIN;
src: url('../fonts/DIN-Bold.otf'),
url('../fonts/DIN-Bold.otf');
}

.section{ padding:80px 0 90px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:90px;}


#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-95px;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100% !important; height:auto;transition: all 1.5s; display:block}
.pic:hover img, .swiper-slide:hover .pic img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; width:100%; height:100%}
.wrap{ width:80%; max-width:1440px; margin:0 auto}

.header .wrap{ position: relative;}
.header{position: fixed;z-index:9999;left:0%;right:0%;top: 0;height:110px; text-align:center; width: 100%; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s; }
.header.active, .header.scroll, .header:hover{ background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);height:95px; }

.header .logo{ position:absolute; top:50%; margin-top:-45px;-webkit-transition:all .5s;transition:all .5s; overflow:hidden; z-index:99}
.header .logo img{ display:block; height:90px; width:auto; }
.header.active .logo, .header.scroll .logo, .header:hover .logo{ margin-top:-38px;}
.header.active .logo img, .header.scroll .logo img, .header:hover .logo img{height:76px;}
.header .logo .img001{ display:block;}
.header .logo .img002{ display:none;}
.header.active .logo .img001, .header.scroll .logo .img001, .header:hover .logo .img001{ display:none}
.header.active .logo .img002, .header.scroll .logo .img002, .header:hover .logo .img002{ display: block}

.header .menu{ position:relative; z-index:9; margin-left:60px;}
.header .menu li{ display:inline-block; position:relative;}
.header.active .menu li .menu_a, .header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#222}
.header .menu li .menu_a{ line-height:110px; display:block; font-size:18px; color:#fff;position:relative;  margin:0 21px;/*text-shadow: 0px 0px 1px #fff;*/}
.header.active .menu li .menu_a, .header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{line-height:95px;font-size:17px; }



.header .menu li .menu_a.cur{ font-weight:bold}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#15499a;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .sub{position:absolute; display:none;clear:both; background: linear-gradient(rgba(255,255,255,1),rgba(241,241,241,1));z-index:99; border-radius:0 0 12px 12px; padding-bottom:12px;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu .subduan{ text-align:center; }
.header .menu .subduan a{ display:block; line-height:50px;}
.header .menu .subduan a:hover{background-image: linear-gradient(45deg, #1f4a97, #1f4a97); color:#fff;}

.header .tel{transition: all .4s ease;padding: 0px 10px; background:url(../images/tel.png) no-repeat 10px center; padding-left:40px;line-height:36px; height:38px;color: #fff;font-family: DIN;position:absolute; right:0; top:50%; margin-top:-18px; z-index:999;}
.header .tel a{ color:#fff;font-size:24px !important; }
.header.active .tel, .header.scroll .tel, .header:hover .tel{background:url(../images/tel2.png) no-repeat 10px center;}
.header.active .tel a, .header.scroll .tel a, .header:hover .tel a{color:#15499a; }


.banner, .banner-box{position:relative; overflow:hidden; height:100vh; min-height:550px; z-index:1}

/*--- Banner ---*/

#index-bnr .bnr-img{height:100vh; min-height:550px; width:100%; overflow:hidden; display:block}
#index-bnr .swiper-pagination{font-size:0px;bottom:5%;}
#index-bnr .swiper-pagination-bullet{width:60px;height:3px;background:#fff;border-radius:0px;opacity:.75;position:relative;overflow:hidden;margin:0 7px;}
#index-bnr .swiper-pagination .swiper-pagination-bullet i{display:block;width:100%;height:100%;background:#539f48;position:absolute;left:-100%;top:0px;}
#index-bnr .swiper-pagination-bullet-active{ background: #15499a;}
#index-bnr .swiper-slide{ width:100%; overflow:hidden }
#index-bnr .swiper-slide .bnr-bg{transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s; -moz-transition:all 0.4s ease 1.2s; -ms-transition:all 0.4s ease 1.2s; -o-transition:all 0.4s ease 1.2s; transition:all 0.4s ease 1.2s;}
#index-bnr .swiper-slide.swiper-slide-active .bnr-bg{transition-delay:0.4s !important; transform:matrix(1, 0, 0, 1, 0, 0); -webkit-transition:all 7.0s ease; -moz-transition:all 7.0s ease; -ms-transition:all 7.0s ease; -o-transition:all 7.0s ease; transition:all 7.0s ease;}

#index-bnr .bnr-bg{width:100%;height:100%;background-position:center center !important;background-repeat:no-repeat !important;background-size:cover !important;position:absolute;top:0px;left:0px;}

/*iBnr-3*/
.iBnr3-box{width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:38%; text-shadow: 0.5px 0.5px 2px rgba(0,0,0,0.15);}
.iBnr3-box .t1{font-size:50px;color:#fff;font-weight:bold;letter-spacing:5px;}
.iBnr3-box .t1 span{ font-style:italic; font-size:110%; padding-right:10px;}

.iBnr1-box{transform:scale(.8);-webkit-transform:scale(.8);}

.swiper-slide.swiper-slide-active .iBnr1-box,
.swiper-slide.swiper-slide-active .iBnr2-box .t1 p,
.swiper-slide.swiper-slide-active .iBnr2-box .t2,
.swiper-slide.swiper-slide-active .iBnr3-box .t2,
.swiper-slide.swiper-slide-active .iBnr3-box .t1{transform:translate(0,0) scale(1);-webkit-transform:translate(0,0) scale(1);opacity:1;}


.bnr-img.page-bnr{height:480px;}

#index-webBnr{display:none;}
#index-webBnr .bnr-img{height:16.75rem;}

.bnr-img.PSA-bnr{padding:194px 0 193px;text-align:center;color:#fff;}
.bnr-img.PSA-bnr .t1{line-height:61px;font-size:43.94px;position:relative;}
.bnr-img.PSA-bnr .t2{line-height:32px;font-size:20.49px;opacity:.75;text-transform:uppercase;font-weight:lighter;font-family:'微软雅黑';letter-spacing:6px;position:relative;}
.bnr-img.PSA-bnr .t1:after{content:"";display:block;width:1px;height:73px;background:rgba(255,255,255,.4);position:absolute;top:-113px;left:50%;margin-left:-1px;}
.bnr-img.PSA-bnr .t2:after{content:"";display:block;width:1px;height:73px;background:rgba(255,255,255,.4);position:absolute;bottom:-113px;left:50%;margin-left:-1px;}

.jvzhong{text-align:center;}
.title{ color:#000; margin-bottom:35px; position:relative}
.title h3{font-size:40px; font-weight:bold; position:relative; padding-bottom:30px;}
.title h3:after{ content:""; position:absolute; width:40px; height:3px; left:0; bottom:0; background:#15499a}

.title h4{font-size:35px; font-weight:bold; position:relative; padding-bottom:25px;}
.title h4:after{ content:""; position:absolute; width:40px; height:3px; left:0; bottom:0; background:#15499a}
.title.jvzhong h4:after{left:50%; margin-left:-20px; }

.ntitle{ color:#000; margin-bottom:40px; position:relative}
.ntitle h3{font-size:30px; font-weight:bold; position:relative; padding-bottom:25px;}



.title.jvzhong h3:after{left:50%; margin-left:-20px; }
.sonTitle.title h3:after{ display:none !important}
.title p{ font-size:18px; margin-top:15px; color:#888}


.iproduct .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.iproduct .item{ width:33.33%; position:relative; padding:45px 30px;}
.iproduct .item:nth-child(1){ background:#f4f9fd}
.iproduct .item:nth-child(2){ background:#f0f4f9}
.iproduct .item:nth-child(3){ background:#e8ebf2}
.iproduct .item:hover{box-shadow: #e0e0e0 0 0 18px;background-color:#ffffff; }
.iproduct .item .img img{ margin:0 auto 20px auto; width:70%; max-width:319px; display:block}
.iproduct .item .text{ text-align:center}
.iproduct .item .text h3{ font-size:24px; margin-bottom:20px;}
.iproduct .item .text p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; opacity:0.8;} 
.iproduct .item .text .morebox{ text-align: center; margin: 30px 0 0 0; }
.iproduct .item .text a.morea{  display: inline-block; height: 42px; color: #ffffff;  width: auto; padding: 0 6px;  border-radius: 23px; background:none; overflow: hidden; }
.iproduct .item .text a.morea i{display: inline-block; width: 29px; height: 29px; background: url("../images/more1.png"); float: right; margin: 6px 0 0 0;}
.iproduct .item .text a.morea span{ display: block; width:0px; overflow: hidden; transition: all 0.5s; float: left; line-height: 40px; font-size: 16px; }
.iproduct .item .text a.morea span u{display: block; font-size:14px; opacity: 0; text-decoration: none; transition: opacity 1s;}
.iproduct .item:hover a.morea span{ display: block;  width: 100px; color: #ffffff; }
.iproduct .item:hover a.morea span u{ display: block;opacity: 1; }
.iproduct .item:hover a.morea{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.iproduct .item:hover a.morea i{background: url("../images/more2.png");}


.iabout{position:relative }
.iabout img{ display:block; width:100%; height:auto}
.iabout:after{ content:""; width:50%; height:100%; background-color: rgba(21,73,154,0.7); position:absolute; left:0; top:0; z-index:1}
.iabout .title h3:after{ background:#fff}
.iabout .inn{ position: absolute; z-index:22; left: 50%; -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); top: 50% ; color: #fff;width: 100%;}
.iabout .company{ position:relative; z-index:2; color:#fff; width:47%}
.iabout .title h3{ font-size:30px; color:#fff;}
.iabout .conn p{ margin-bottom:10px; line-height:35px;}
.iabout .more{ margin-top:60px;}
.iabout .more a{ color:#fff;width:140px;line-height:38px; height:40px; display:block;  border:solid 1px #fff; border-radius:20px; text-align:center}
.iabout .more a:hover, .iabout .more li.cur a{height:40px; color:#fff; background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}


.inews .item{ float:left; width:32%; margin-right:2%; background:#f0f4f9}
.inews .item:nth-child(3n){ margin-right:0}
.inews .item .date{ width:150px; height:38px; line-height:38px; margin-top:-38px; float:right; background:url(../images/date.png) no-repeat left center; position:relative; z-index:111; color:#666; text-align:center; padding-left:15px;}
.inews .item .wenzi{ padding:20px 20px 25px 20px; clear:both;}
.inews .item .wenzi h3{line-height: 24px;height: 48px; font-size:18px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; margin-bottom:15px}
.inews .item .wenzi p{ font-size:14px; color:#999}
.inews .more a{ color:#1f2389;width:140px;line-height:38px; height:40px; display:block;  border-radius:20px; margin:40px auto 0 auto; text-align:center;color:#fff; background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);border:none;}
.inews .more a:hover{background-image: linear-gradient(to right, #0c99df,#0c99df, #0c99df);border:none;}


.footer{ background:#262626;}
.footer .fcontent{ padding:40px 0 80px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:35px; margin-top:20px; }
.footer li:nth-child(1){ margin-top:0}
.footer li:nth-child(1) img{ height:80px; width:auto}
.footer li h3{ font-size:18px; margin-bottom:20px; color:#fff; position:relative;/*padding-bottom:12px; */}
/*.footer li h3:after{ content:""; position:absolute; left:0; width:40px; height:1px; background:#0599d9; bottom:0; }*/
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#888; }
.footer li  p.tel{background:url(../images/ftel.png) no-repeat left 8px; padding-left:35px }
.footer li p.mail{background:url(../images/fmail.png) no-repeat left 11px; padding-left:35px }
.footer li p.add{background:url(../images/fadd.png) no-repeat left 13px; padding-left:35px }
.footer a:hover{ color:#fff}

.footer .copyright{ border-top:solid 1px #575757; padding:20px 0; text-align:center;text-align:center; border-top:solid 1px #495257}

.ntopbg{background-image: linear-gradient(to bottom, rgba(21, 73, 154, 0.9), rgba(21, 73, 154, 0)); width:100%; height:160px; position:relative;  z-index:2}

.nbanner{ position:relative;margin-top:-160px;}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:100%}
.nbanner .text h3{ margin-bottom:20px; font-size:60px; line-height:60px;}
.nbanner .text p{ font-size:30px;}

.nnav{ height:58px; background-color:rgba(21, 73, 154, 0.7); line-height:58px; margin-top:-58px; color:#fff; position:relative; z-index:2}
.location{ padding-left:35px; background:url(../images/home.png) no-repeat center left; font-size:16px; float:left;}
.location a{color:#fff;position:relative}
.nnav .nmenu{ float:right}
.nnav li{ float:left}
.nnav li a{ display:block; color:#fff; font-size:16px; padding:0 20px; position:relative}
.nnav li a:after{ content:""; width:0; height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid rgba(21, 73, 154, 1); opacity:0; position:absolute; left:50%; margin-left:-8px;bottom:0; -moz-transition:.3s;-webkit-transition:.3s;transition:.3s}
.nnav li.cur a:after, .nnav li:hover a:after{ opacity:1;bottom:-8px}


.ncb01 .item{ width:33.33%; float:left; text-align:center; margin-bottom:50px;}
.ncb01 .item .icon{ display:block; margin:0 auto; width:79px; height:79px; border-radius:50%; background:#1c55a4; display:flex; display:-webkit-flex; align-items:center; justify-content:center; box-shadow:0 0 0 15px #cce9f6; }
.ncb01 .item .icon img{ flex-shrink:0}
.ncb01 .item span{ font-size:18px; display:block; margin:10px 0;}
.ncb01 .item .icon{transition: 0.5s; margin:20px auto 30px auto;}
.ncb01 .item:hover .icon{ margin:10px auto 40px auto;}


.feedback{ background: url(../images/feedbackbg.jpg) no-repeat center center; background-size:cover }
.feedback .title, .feedback .title h3, .feedback .title h4, .feedback .title p{ color:#fff}
.feedback .title h3:after{ background:#fff}
.feedback .conn{ background:rgba(255,255,255,.05);border-radius: 10px; padding:4%}
.feedback form{ margin:0 auto; max-width:1050px;}

.feedback .form span{ color:#fff;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; margin-bottom:15px; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px 0 40px;color:#999;border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 {margin-bottom:10px;}
.feedback .form .row_2 textarea{ width:100%; height:150px; border:none; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:15px 15px 15px 40px ; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}

.feedback .form .row .submit{width:180px; height:45px; display:block;  margin:50px auto; line-height:41px; cursor:pointer; color:#fff; text-align:center; border-radius:20px; border:solid 2px #fff; background:none; text-transform:uppercase}
.feedback .form .row .submit:hover{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}


.feedback .form .name{background: url(../images/name.png) #fff no-repeat 15px center; background-size:auto 18px}
.feedback .form .tel{background: url(../images/tel.png) #fff no-repeat 15px center; }
.feedback .form .mail{background: url(../images/mail.png) #fff no-repeat 15px center;}
.feedback .form .add{background: url(../images/add.png) #fff no-repeat 15px center;}
.feedback .form .code{background: url(../images/code.png) #fff no-repeat 15px center;background-size:auto 20px}
.feedback .form .content{background: url(../images/ply.png) #fff no-repeat 15px 10px;}



.rencailn .wrap{ position:relative}
.rencailn .kuai{ position:relative}
.rencailn .kuai .pic{ width:50%; margin-bottom:0;}
.rencailn .kuai .pic img{ min-height:auto;height:auto;}
.rencailn .kuai .wenzi{ position:absolute; width:50%; height:100%; background:#f5f5f5; top:0; right:0}
.rencailn .kuai .title h4{ font-size:20px; margin-bottom:5px; padding-bottom:3px}
.rencailn .kuai .title h4:after{ display:none}
.rencailn .kuai .title h3{ font-size:30px;}
.rencailn .kuai .wenzi .inn{position:absolute; padding:7% 5%;  }

.rencailn .swiper-slide .num{ position:absolute; right:20px; bottom:20px; line-height:47px; font-size:18px; color:#888}
.rencailn .swiper-button-next.swiper-button-disabled, .rencailn .swiper-button-prev.swiper-button-disabled{opacity:1 !important;}
.rencailn .swiper-button-next.swiper-button-disabled{background:url(../images/arrow-next02.png) no-repeat center !important;}
.rencailn .swiper-button-prev.swiper-button-disabled{background:url(../images/arrow-prev02.png) no-repeat center !important}
.rencailn .swiper-button-next, .rencailn .swiper-button-prev{ width:47px; height:47px; left:auto !important; right:135px;  bottom:20px !important;opacity:1; outline:none; top:auto !important}
.rencailn .swiper-button-next{ background:url(../images/arrow-next02h.png) no-repeat center; left:auto; right:80px; bottom:20px !important;}
.rencailn .swiper-button-prev{ background:url(../images/arrow-prev02h.png) no-repeat center}

.nhr{ background:#f5f5f5;}
.hrtop{ font-size:18px;padding:0px 30px;display:flex; display:-webkit-flex; line-height:60px; font-weight:bold;background:#15499a; color:#fff; overflow:hidden; margin-bottom:20px;}
.hrtop span{width:18%; display:block; text-align:center; position:relative; z-index:2}
.hrtop span.job{ width:28%; text-align:left}
.hrlist li{  margin-bottom:20px; position:relative; background:#fff}
.hrlist li.cur{ padding-bottom:20px}
.hrlist li.cur:after{ opacity:1}
.hrlist .toptit{ padding:0px 30px;line-height:50px; cursor:pointer; display:flex; display:-webkit-flex; position:relative; background:url(../images/nanext04.png) no-repeat calc(100% - 30px) center;}
.hrlist li.cur .toptit{ background:url(../images/nanext05.png) #15499a no-repeat calc(100% - 30px) center; color:#fff}
.hrlist .toptit span{ width:18%; text-align:center}
.hrlist .toptit span.job{width:28%;text-align:left}
.hrlist .cont{ margin:20px 30px; background:#fff; border-radius:5px; display:none; color:#666;}


.nnewslist .newsItem:first-child{ padding-top:0px}
.newsItem{padding:40px 0; position:relative; border-bottom: 1px solid #ddd;}
.newsItem a{align-items: center;position: relative;justify-content: space-between;display: flex; flex-wrap: wrap; }
.newsItem::after{content: "";position: absolute;right: 0;bottom: -1px;width: 0;height: 1px;background:#15499a;transition: all .8s ease;}
.newsItem-date{width: 120px;margin-right: 50px; text-align:center;color:#555;}
.newsItem-date .day{border-bottom: 1px solid #aeaeae;font-size: 48px; line-height:72px;}
.newsItem-date .year{ margin-top:16px;}
.newsItem-img{width: 27%;margin-right: 50px;border-radius:10px;}
.newsItem-con{width: calc(100% - 27% - 220px);}
.newsItem .newsItem-title{color: #000; font-size:22px;}
.newsItem .newsItem-text{ margin:15px 0; line-height:24px; font-size:14px; color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsItem-con .line{width: 100%;height: 1px;background: #e9e9e9;}
.newsItem:hover::after{right: auto;left: 0;width: 100%;}
.newsItem :hover.newsItem-title{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b); -webkit-background-clip: text; color: transparent;}
.newsItem .CommonBtn{ margin-top:25px;}
.newsItem:hover .CommonBtn .link:before {width: 100%;height: 40px;border-radius: 50px;}
.newsItem:hover .CommonBtn .link .text {padding-left: 20px;color: #fff;}
.newsItem:hover .CommonBtn a:before {width: 100%;height: 40px;border-radius: 50px;}
.newsItem:hover .CommonBtn a .text {padding-left: 20px;color: #fff;}

.CommonBtn {width: 120px;position: relative;display: flex; flex-wrap: wrap; }
.CommonBtn .link {align-items: center;justify-content: space-between;width: 100%;display: flex; flex-wrap: wrap;}
.CommonBtn .link:before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) scale(1);width: 40px;height: 40px;border-radius: 100px;transition: all .8s cubic-bezier(.55, .17, .37, .94);background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.CommonBtn a {align-items: center;justify-content: space-between;width: 100%;}
.CommonBtn a:before {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%) scale(1);width: 50px;height: 50px;border-radius: 100px;transition: all .8s cubic-bezier(.55, .17, .37, .94);background-image:linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.CommonBtn .text {font-size: 14px; color:#999; line-height: 40px;position: relative;z-index: 9;transition: all .8s cubic-bezier(.55, .17, .37, .94);text-transform: uppercase;}
.CommonBtn .span{display: flex; flex-wrap: wrap;}
.CommonBtn .icon {position: relative;z-index: 9; width:40px; height:40px; background: url(../images/jt03.png) no-repeat center center; background-size:45% auto;}
.CommonBtn:hover .link:before {width: 100%;height: 40px;border-radius: 50px;}
.CommonBtn:hover .link .text {padding-left: 0.78125vw;color: #fff;}
.CommonBtn:hover a:before {width: 100%;height: 40px;border-radius: 50px;}
.CommonBtn:hover a .text {padding-left: 0.78125vw;color: #fff;}


.newsxiang img{ width:100%; display:block; margin:20px 0; height:auto !important}
.newsxiang video{ display:block; width:100%; height:auto}
.newsxiang .newsxleft{ float:left; width:70%; }
.newsxiang .newsxright{ float:right; width:25%; }
.newsxiang .ntitle{ margin-bottom:35px; border-bottom:solid 1px #ddd; padding-bottom:15px;}
.newsxiang .ntitle h3{ font-size:26px; padding-bottom:15px; font-weight:bold; position:relative}
.newsxiang .ntitle p{ font-size:14px; color: #888;padding-left: 26px;background: url(../images/newsxqicon.png) no-repeat left center;}



.newsxq-col-btn{background:#f9f8f7;padding:30px;width: 100%;font-family: 'Poppins'; }
.newsxq-col-next{margin-top: 10px;}
.newsxq-col-btn a{display: block;width: 100%;}
.newsxq-col-btn .hint{font-size: 22px;color: #333;font-weight: 700;}
.newsxq-col-btn .name{font-size: 15px;color: #555;line-height: 24px;margin: 8px 0 10px;transition: all .4s ease;}
.newsxq-col-btn .time{font-size: 14px;color: #888;font-weight: 700;}
.newsxq-col-btn a:hover .name{color: #009e3d;}
.newsxq-col-back{width: 100%;margin-top: 10px;}
.newsxq-col-back a{display: flex;align-items: center;justify-content: center;width: 100%;height: 44px;font-size: 16px;color: #fff;background-image:linear-gradient(to right, #062c6b,#0869ca, #062c6b);transition: all .4s ease;}
.newsxq-col-back a:hover{background:#15499a}

.pagination a.cur{background: #15499a !important; border: 1px #15499a solid !important;}

.videoList ul{ margin-right:-2%}
.videoList li{ float:left; width:31.33%; margin-right:2%; margin-bottom:2%;text-align:center; background:#fff; border-bottom:solid 1px #ddd; position:relative;}
.videoList li:after{background: #15499a; content:""; position:absolute; width:0%; height:2px; left:0; bottom:0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s }
.videoList li:hover:after{ width:100%}
.videoList li .pic{ position:relative;}
.videoList li .pic:before{ content:""; display:block; padding-top:58.33333%}
.videoList li .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.videoList li .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/bf.png) rgba(0,0,0,0.3) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:18px; font-weight:bold;color:#333; padding:15px 0 20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.videoList li .pic img,.videoList li .pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.videoList li:hover .pic img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.videoList li:hover .pic .icon{ opacity:1;background:url(../images/bf.png) rgba(0,0,0,0.5) no-repeat center center; background-size:12% auto;}

.focusvideo{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 99;background-color: rgba(0, 0, 0, 0.6); z-index:10000}
.show-video{ display:block}
.video-show {position: absolute;z-index: 1000; width:70%; max-width:850px;top:50%; left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.video-show video{ width:100%}
.video-close{ position:absolute; width:35px; height:35px;right:3%;top:3%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;z-index:2}
.video-close:before{ content:""; width:100%; height:2px;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left: 0;top: 50%; margin-top:-1px}
.video-close:after{ content:""; width:2px; height:100%;background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);position: absolute;left:50%;top:0; margin-left:-1px}
.video-close:hover{ -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}


.nab01 .abpic{ width: 46%; border-radius:10px;overflow: hidden; float:left}
.nab01 .abpic img{ display:block;width:100%}
.nab01 .abtext{ width: 50%;line-height:2;float:right}
.nab01 .abtext h3{color:#333;font-size:24px;  font-weight:bold; margin-bottom:10px;}


.nab02{ background:#f5f5f5;}
.nab02 .item{ float:left; width:33.33%; position:relative; background:#fff}
.nab02 .item .text{ width:100%; text-align:center; position:relative}
.nab02 .item .text .pic{ opacity:0}
.nab02 .item .text .inn{ position:absolute; left:0; top:0; width:100%; height:100%;}
.nab02 .item .text h3{ font-size: 24px; color: #15499a;line-height: 60px; padding-top:80px; font-weight:bold;}
.nab02 .item .text p{ font-size:18px; line-height:40px;}

.honorlist h3{ position:relative; text-align:center; font-size:18px;}
.honorlist h3 span{ position:relative; z-index:2; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#333; line-height:25px; padding:15px 10px;} 
.honorlist h3:after{ content:""; position:absolute; left:0;top:0; width:100%; height:100%; opacity:0;background: -webkit-linear-gradient(to right, #062c6b,#0869ca, #062c6b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to right, #062c6b,#0869ca, #062c6b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to right, #062c6b,#0869ca, #062c6b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.honorlist .pic .img2, .honorlist h3:after, .honorlist h3 span{-moz-transition:.5s;-webkit-transition:.5s; transition:.5s}
.honorlist .swiper-slide {background:#f5f5f5;}
.honorlist .swiper-slide .pic img { width:auto !important; max-width:100% !important;}
.honorlist .swiper-wrapper{ margin-bottom:65px}
.honorlist .swiper-slide:hover .img2{ -webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.honorlist .swiper-slide:hover h3:after{ opacity:1}
.honorlist .swiper-slide:hover h3 span{ color:#fff}
.honorlist .swiper-dot{ position: absolute; left:0;right:0;bottom:0; height:50px; display:flex; display:-webkit-flex; align-items:center; justify-content:center}
.honorlist .swiper-dot>div{ position:relative}
.honorlist .swiper-dot .swiper-button-prev, .honorlist .swiper-dot .swiper-button-next{ width:47px; height:47px; border:1px solid #ccc;border-radius:50%; margin-top:0; left:auto; right:auto; top:0; position:relative; overflow:hidden; background:none;}
.honorlist .swiper-dot .swiper-button-prev:after, .honorlist .swiper-dot .swiper-button-next:after{ content:""; width:100%; height:100%; position:absolute; left:0;top:0; opacity:0;background: -webkit-linear-gradient(to right, #062c6b,#0869ca, #062c6b); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to right, #062c6b,#0869ca, #062c6b); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to right, #062c6b,#0869ca, #062c6b); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.honorlist .swiper-dot .swiper-button-prev span, .honorlist .swiper-dot .swiper-button-next span{ display:block;position:relative; height:100%; z-index:2}
.honorlist .swiper-dot .swiper-button-prev span{ background:url(../images/arrow-left-grey02.png) no-repeat center}
.honorlist .swiper-dot .swiper-button-next span{ background:url(../images/arrow-right-grey02.png) no-repeat center}
.honorlist .swiper-dot .swiper-button-prev:after, .honorlist .swiper-dot .swiper-button-next:after, .honorlist .swiper-dot .swiper-button-prev span, .honorlist .swiper-dot .swiper-button-next span{-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;}
.honorlist .swiper-dot .swiper-button-prev:hover::after{ opacity:1}
.honorlist .swiper-dot .swiper-button-next:hover::after{ opacity:1}
.honorlist .swiper-dot .swiper-button-prev:hover span{ background:url(../images/arrow-left.png) no-repeat center}
.honorlist .swiper-dot .swiper-button-next:hover span{ background:url(../images/arrow-right.png) no-repeat center}
.honorlist .swiper-dot .swiper-pagination{ margin:0 15px;}
.honorlist .swiper-dot .swiper-pagination .swiper-pagination-bullet{ margin:0 3px; width:10px; height:10px; border:1px solid #ccc; background:none;opacity: 1;}
.honorlist .swiper-dot .swiper-pagination .swiper-pagination-bullet-active{ background:#15499a}


.nprolist .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolist .item{ width:32%; position:relative; padding:45px 30px; margin-right:2%}
.nprolist .item:nth-child(1){ background:#f4f9fd}
.nprolist .item:nth-child(2){ background:#f0f4f9}
.nprolist .item:nth-child(3){ background:#e8ebf2; margin-right:0}
.nprolist .item:hover{box-shadow: #e0e0e0 0 0 18px;background-color:#ffffff; }
.nprolist .item .img img{ margin:0 auto 20px auto; width:70%; max-width:319px; display:block}
.nprolist .item .text{ text-align:center}
.nprolist .item .text h3{ font-size:24px; margin-bottom:20px;}
.nprolist .item .text p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; opacity:0.8;} 
.nprolist .item .text .morebox{ text-align: center; margin: 30px 0 0 0; }
.nprolist .item .text a.morea{  display: inline-block; height: 42px; color: #ffffff;  width: auto; padding: 0 6px;  border-radius: 23px; background:none; overflow: hidden; }
.nprolist .item .text a.morea i{display: inline-block; width: 29px; height: 29px; background: url("../images/more1.png"); float: right; margin: 6px 0 0 0;}
.nprolist .item .text a.morea span{ display: block; width:0px; overflow: hidden; transition: all 0.5s; float: left; line-height: 40px; font-size: 16px; }
.nprolist .item .text a.morea span u{display: block; font-size:14px; opacity: 0; text-decoration: none; transition: opacity 1s;}
.nprolist .item:hover a.morea span{ display: block;  width: 100px; color: #ffffff; }
.nprolist .item:hover a.morea span u{ display: block;opacity: 1; }
.nprolist .item:hover a.morea{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.nprolist .item:hover a.morea i{background: url("../images/more2.png");}

.nproxiang .kuai{ position:relative}
.nproxiang .pic{ float:left; width:25%}
.nproxiang .pic img{ display:block; width:100%; height:auto}
.nproxiang .text{ float:right; width:60%; margin-top:40px;}

.nproxiang .text table{ border-left:solid 1px #ddd; border-top:solid 1px #ddd; text-align:center }
.nproxiang .text td{ border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; padding:10px; background:#fbfcff }
.nproxiang .text table tr:nth-child(2n) td{ background:#e3eaff}
.nproxiang .text table tr:nth-child(1) td{ color:#fff; background:#4874cb}
.nproxiang .tuchu{ position:absolute; bottom:0; right:0; text-align:center}
.nproxiang .tuchu img{ height:100px; width:auto;}

.nproxiang .nproxiang02{ display: table;}
.nproxiang .nproxiang02 .ppic{display: table-cell;vertical-align: middle;width: 45%;}
.nproxiang .nproxiang02 .ppic img{ width:auto; max-width:100%}
.nproxiang .nproxiang02 .ttext{display: table-cell;vertical-align: middle;width: 55%; padding-left:5%}

.mbg{ background:#f5f5f5;}
.nmainkuai .section:nth-child(2n){ background:#f5f5f5;}
.nmainkuai .section { display:block; width:auto; max-width:100%; height:auto; margin:0 auto}

.ncate .item{ width:48%; float:left; text-align:center; position:relative;}
.ncate .item:nth-child(2){ float:right; width:48%}
.ncate .item .left{ width:48%;}
.ncate .item .right{ position:absolute; right:0; top:0; width:50%; height:100%;}
.ncate .item img{ display:block; width:100%; height:auto}
.ncate .item h3{ font-size:20px;}
.ncate .item .inn{position: absolute;left: 50%;-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);top: 50%;width: 100%;}
.ncate .item .right img{ padding:10px 0}

.nduibi img{ margin:0 auto 10px auto; display:block; width:auto; max-width:100% }
.nduibi .item{ float:left; width:32%; margin-right:2%; text-align:center}
.nduibi .item:last-child{margin-right:0%}

.nchuli img{ margin:0 auto 10px auto; display:block; width:auto; max-width:100%}
.nchuli .item{ float:left; width:32%; margin-right:2%; text-align:center}
.nchuli .item:last-child{margin-right:0%}

.nxprolist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.nxprolist .item:nth-child(3n){ margin-right:0}
.nxprolist .item:nth-child(3n+1){ clear:both}
.nxprolist .img-dv .img2{ width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important}
.nxprolist .item .text{ text-align:center;}

.nxprolist .item .text{ padding:20px 15px; position:relative;}
.nxprolist .item .text h3{ position:relative; z-index:2}
.nxprolist .text:before{ content:""; width:100%; height:0%; background:#15499a; position:absolute; left:0;bottom:-0%; -webkit-transition:.6s;-moz-transition:.6s;transition:.6s; z-index:2}
.nxprolist .item:hover{box-shadow: 0 15px 30px -5px rgba(21, 73, 154, .45); border:1px solid #15499a}
.nxprolist .item:hover .text{ color:#fff}
.nxprolist .item:hover .text:before{height:100%; }


.prodetail .wrap{ position:relative}
.prodetail .pics{ float:left; width:48%; border:solid 1px #ddd}
.prodetail .pics .img-dv .img2{ width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important}
.prodetail .swiper-pagination{text-align:center;}
.prodetail .swiper-pagination-bullet{ width:30px; height:4px; opacity:1; background:#adadaf; margin:0 5px; border-radius:2px;}
.prodetail .swiper-pagination-bullet-active{ background: #15499a; }

.prodetail .wenzi{ width:48%; float:right}
.prodetail .wenzi h3{ margin:20px 0 30px 0; font-size:30px;color:#000 }
.prodetail .use{ margin-top:80px;}
.prodetail .use li{ float:left; text-transform:uppercase; width:calc(50% - 20px); max-width:210px; line-height:38px; border-radius:22px; overflow:hidden; display:block; border:solid 2px #15499a; color:#15499a; text-align:center}
.prodetail .use li a{ display:block; color:#15499a}
.prodetail .use li.pliuyan {margin-right:20px;}
.prodetail .use li span{ display:inline-block;padding-left:30px;  }
.prodetail .use li.pliuyan span {background: url(../images/ply.png) no-repeat left center; }
.prodetail .use li.pliuyan:hover span{background: url(../images/ply02.png) #15499a no-repeat left center; color:#fff; }
.prodetail .use li.pliuyan:hover{background:#15499a; color:#fff}
.prodetail .use li.ptel span{background: url(../images/ptel.png) #15499a no-repeat left center; color:#fff; }
.prodetail .use li.ptel { background:#15499a; color:#fff}


.shangxia{background:#f2f2f2; margin-top:60px}
.shangxia li{ float:left; width:50%; position:relative; }
.shangxia li:nth-child(2){ float:right}
.shangxia li:hover{background:#15499a;}
.shangxia li:nth-child(1) a{background:url(../images/bpre03.png) no-repeat left center; background-size:22px auto; padding-left:55px;}
.shangxia li:nth-child(2) a{background:url(../images/bnext03.png) no-repeat right center; background-size:22px auto;padding-right:55px;}
.shangxia li:nth-child(1):hover a{background:url(../images/bpre02.png) no-repeat left center; background-size:22px auto;padding-left:55px;}
.shangxia li:nth-child(2):hover a{background:url(../images/bnext02.png) no-repeat right center; background-size:22px auto;padding-right:55px;}
.shangxia li a{ display:block;margin:0 22px; line-height:80px;  color:#666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.shangxia li:nth-child(2) a{ text-align:right; }
.shangxia li:hover a{ color:#fff} 
.shangxia li:nth-child(1):after{ content:""; position:absolute; left:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:nth-child(2):after{ content:""; position:absolute; right:62px; width:1px; height:14px; top:50%; margin-top:-5px; background:#999}
.shangxia li:hover:after{ background:#fff}