@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:#154897}
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 ;}
.green{ color:#154897}

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

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-102px;}
.wrap{ width:80%; max-width:1400px; margin:0 auto}
.header .wrap{ width:100%; max-width:100%; }
.banner .wrap{ width:90%; max-width:90%; }
.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h3{ font-size:45px; color:#000; line-height:50px; margin-bottom:5px;}
.title h4{ margin-bottom:15px; font-size:16px; color:#999; text-transform:uppercase;}
.title p, .title p a{ color:#999; }
.title p a{ padding:0 5px}
.title p a:hover{color:#d2151a}

.ntitle { margin-bottom:35px;}
.ntitle h3{ font-size:24px; color:#000;}

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, .item:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover 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; max-width:100%; min-height:100%}


body{ position:relative;}
.mbg{ background:#edf2f8}


.header{width: 100%;top:0;left:0;position:fixed; z-index:99; height:102px;}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .logo{ float:left; margin-left:5%}
.header .logo img{ display:block; height:82px; width:auto; margin:10px 0}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.header.scroll .logo .img001, .header:hover .logo .img001{ display:none} 
.header.scroll .logo .img002, .header:hover .logo .img002{ display:block} 


.header .menu {width:100%; position:absolute; left:0;text-align:center; z-index:-1}
.header .menu li{ display:inline-block;position:relative; }
.header .menu li .menu_a{ line-height:102px; display:block; font-size:18px; color:#fff;position:relative; margin:0 30px}
.header.scroll .menu li .menu_a, .header:hover .menu li .menu_a{ color:#333}
.header .menu li .menu_a.cur{ color:#154897;}
.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; line-height:50px;}
.header .menu .subduan a{ display:block;}
.header .menu .subduan a:hover{background-color: #154897; color:#fff;}
.header .menu li .subchang .item{ float:left; width:11.11%; padding:30px 0 50px 0}
.header .menu li .subchang .item img{ display:block; width:auto; max-width:50%;transition: 0.5s; margin:20px auto 20px auto}
.header .menu li .subchang .item:hover img{ margin:10px auto 30px auto}
/*animate*/
@keyframes rightOpacityShow{
0%{ transform: translateX(-80px);opacity:0;}
80%{ transform: translateX(20px);}
100%{ transform:translateX(0); opacity:1;}
}
.header .menu li .sub p:nth-child(1){animation: 0.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(2){animation: 0.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(3){animation: 0.6s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(4){animation: 0.7s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(5){animation: 0.8s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(6){animation: 0.9s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(7){animation: 1.0s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(8){animation: 1.1s ease-in-out 0s 1 normal both running rightOpacityShow;}

.header .language{ float:right; margin:31px 5% 31px 0}
.header .language li{ float:left; width:42px; height:42px; line-height:40px; font-size:15px; text-align:center; border-radius:50%; overflow:hidden; text-transform:uppercase; background:#fff; border:solid 1px #fff }
.header .language li.cur, .header .language li:hover{ border:solid 1px #154897; background:#154897;}
.header .language li:nth-child(1){ margin-right:10px}
.header .language li a{ display:block;}
.header .language li.cur a, .header .language li:hover a{ color:#fff;}
.header.scroll .language li, .header:hover .language li{ border:solid 1px #ddd;}

@-webkit-keyframes bounce-up {
25% {-webkit-transform: translateY(20px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-20px);}
}
@keyframes bounce-up {25% {transform: translateY(20px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-20px);}
}
.animate-bounce-up{-webkit-animation: bounce-up 2.5s linear infinite;animation: bounce-up 2.5s linear infinite;}
.guang { position:absolute; left:0; top:-50px; background: url(../images/guang.png) no-repeat left top; width:500px; height:320px; background-size:100% 100%; z-index:10 }
@media screen and (max-width:1366px){
.guang { left:calc(10% - 140px); }
}


.banner{ position:relative; z-index:1;  height:auto !important }
.banner .wrap{ position: relative;}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; height:100vh; min-height:650px}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:36px; height:36px; border:solid 1px #15499a; overflow:hidden; margin-top:0; outline:none; top:auto; bottom:50px}
.banner .swiper-button-prev{ background:url(../images/bpre.png) #15499a no-repeat center center; left:0px}
.banner .swiper-button-next{ background:url(../images/bnext.png) #15499a no-repeat center center; right:auto; left:40px}
.banner .swiper-button-prev:hover{ background:url(../images/bpre.png) #009945 no-repeat center center; border:solid 1px #009945; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext.png) #009945 no-repeat center center; border:solid 1px #009945; opacity:1}
.banner .rollpic{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:55%; width:100%}
.banner .swiper-slide .text{ color:#000;  line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; text-shadow: 1px 0px 0px #fff,2px 0px 0px #fff,0px 1px 0px #fff;z-index:99}
.banner .swiper-slide .text h3{ font-size:45px; margin-bottom:40px;width:50%;}
.banner .swiper-slide .text p{ font-size:24px; width:50%;max-width:560px; margin-bottom:80px; }
@media screen and (max-width:1880px){
.banner .swiper-slide .text h3{ font-size:42px; margin-bottom:30px; }
.banner .swiper-slide .text p{ font-size:20px; }
}

.banner .swiper-slide .text .more{ width:170px; line-height:42px; border-radius:25px; border:solid 1px #15499a; text-align:center;}
.banner .swiper-slide .text .more a{ display:block; color:#15499a;}
.banner .swiper-slide .text .more a:hover{ color:#15499a; text-shadow: 0 0 0 #fff;}
.banner .swiper-slide h3, .banner .swiper-slide p, .banner .swiper-slide .more{webkit-animation:fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode:both}
.banner .swiper-slide p{-webkit-animation-delay:.2S;animation-delay:.2S}
.banner .swiper-slide .more{-webkit-animation-delay:.4S;animation-delay:.4S}
.banner .swiper-slide .more:hover{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.banner .swiper-slide .more:hover a{ color:#fff !important}

.banner .swiper-pagination{bottom:50px !important; text-align:center;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:none; border:solid 2px #15499a; margin:0 5px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ border:solid 2px #009945}


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



.iabout { background:url(../images/companybg.jpg) no-repeat center bottom; background-size:cover; color:#fff; }
.iabout .title h3, .iabout .title h4{ color:#fff}
.iabout .conn { line-height:35px;}
.iabout .conn p{ margin-bottom:15px;}
.iabout .more{ text-align:center }
.iabout .more li{ display: inline-block; margin:0 12px;}
.iabout .more a{ color:#fff;width:140px;line-height:38px; height:40px; display:block;  border:solid 1px #fff; border-radius:20px;}
.iabout .more a:hover, .iabout .more li.cur a{height:40px; color:#fff; background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);border:none;}
.iabout .youshi{ padding:60px 0 100px 0; text-align:center}
.iabout .youshi li{ text-align:center; float:left; width:25%}
.iabout .youshi li h3{ font-size:20px;line-height:65px; color:#fff}
.iabout .youshi li h3 span{ font-size:60px; font-weight:bold}
.iabout .youshi li p{ font-size:18px;}


.iproducts .swiper-slide{ background:#edf2f8; margin-bottom:45px; padding:30px 10px 10px 10px}
.iproducts .swiper-slide .wenzi{ font-size:18px; line-height:50px; text-align:center; background:#e4ebf5; margin-top:30px;}
.iproducts .swiper-slide:hover .wenzi{color:#fff; background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);}
.iproducts .swiper-pagination{bottom:0% !important; text-align:center;}
.iproducts .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:none; border:solid 2px #15499a; margin:0 5px; border-radius:50%;}
.iproducts .swiper-pagination-bullet-active{ border:solid 2px #009945}

.inews{ background:#edf2f8}
.inews .conn { position:relative; background:#fff;}
.inews .i-news-list{ width:48%}
.inews .conn .othernews{ width:52%; padding:35px; position:absolute; right:0; top:0; height:100%}
.inews .conn .othernews .inewskuai{ width:calc(100% - 70px); height:calc(33.33% - 4px);top:12px; left:35px; position:absolute;border-bottom:solid 1px #ddd;}
.inews .conn .othernews .inewskuai:nth-child(2){ top:calc(33.33% + 8px);}
.inews .conn .othernews .inewskuai:nth-child(3){ top:calc(66.66% + 4px); border-bottom:none}
.inews .conn .othernews .inewskuai h3{ font-size:18px; padding-top:10px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.inews .conn .othernews .inewskuai:hover h3 a{ color:#154897}
.inews .conn .othernews .inewskuai p{ color:#999; font-size:14px;}
.inews .conn .othernews .inewskuai .pic{ float:right; width:25%; margin-top:10px;}
.inews .conn .othernews .inewskuai .wenzi{ float:left; width:70%}
.inews .swiper-pagination{bottom:0% !important; width:100%; text-align:center; background-color:rgba(0,0,0,0.2); line-height:45px;}
.inews .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:none; border:solid 2px #15499a; margin:0 5px; border-radius:50%;}
.inews .swiper-pagination-bullet-active{ border:solid 2px #009945}
.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, #009945,#01b351, #009945);border:none;}


.footer{ background: url(../images/footerbg.jpg) no-repeat #154897 center center; background-size:cover; padding-top:50px}
.footer .bottom{ height:90px; padding-bottom:30px;}
.footer .bottom .flogo{ float:left}
.footer .bottom .flogo img{ display:block; height:70px; width:auto}
.footer .uses{ margin-top:35px; float:right}
.footer .uses .kuai{ width:33px; height:33px;background:#fff; float:left; border-radius:50%; margin-right:10px; position:relative}
.footer .uses .kuai .sub{ display:none; border:solid 1px #ddd; position:absolute; left:0; bottom:45px}
.footer .uses .kuai .sub img{ width:132px; display:block}
.footer .uses .icon{ position:relative; z-index:2;width:33px; height:33px; cursor:pointer}
.footer .uses .wcode .icon{background:url(../images/ficon001.png) no-repeat center center; background-size:cover; }
.footer .uses .wcode:hover .sub{ display:block;}
.footer .uses .mail .icon{background:url(../images/ficon002.png) no-repeat center center; background-size:cover; }
.footer .uses .admin .icon{background:url(../images/ficon003.png) no-repeat center center; background-size:cover; }

.footer .fcontent{ padding:40px 0; font-size:15px; line-height:28px; border-top:solid 1px #2d5ba2; border-bottom:solid 1px #2d5ba2}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block;}
.footer li h3{ font-size:18px; margin-bottom:15px; font-weight:bold; color:#fff; position:relative;}
.footer li  h3 a{ color:#fff}
.footer p{  color: rgba(255,255,255,0.8) }
.footer p a{ color: rgba(255,255,255,0.7) }
.footer p a:hover{ color:#fff}
.footer li  p.tel{background:url(../images/ftel.png) no-repeat left 9px; padding-left:25px; line-height:32px; }
.footer li p.mail{background:url(../images/fmail.png) no-repeat left 11px; padding-left:25px; line-height:32px; }
.footer li p.add{background:url(../images/fadd.png) no-repeat left 9px; padding-left:25px; line-height:32px;}
.footer .copyright{ color:#fff; text-align:center; line-height:25px;font-size:15px;  padding:25px 0}
.footer .copyright a{ color:#fff}

.float_r{ position:fixed; font-size:12px; right:0px; bottom:5%;  z-index:111; padding:5px 5px 0px 5px; background:#272727;}
.float_r li{position:relative; cursor:pointer; text-align:center; height:75px; border-bottom:solid 1px #ddd; padding-top:5px}
.float_r .hd{position:absolute; left:-190px; top:0px; display:none; }
.float_r .img{height:62px; text-align:center; width:50px;}
.float_r .img img{position:relative; top:5px; display:block; margin:0 auto}
.float_r .img p{ color:#fff;}

.float_r li:hover .hd{display:block;}

.float_r .li2 .hd{background:#272727; width:180px ; font-size:16px;  text-align:center; padding:10px; color:#fff; bottom:0; top:auto; }
.float_r .backtop{border-bottom:none;}
.float_r .backtop img{ margin-top:10px;}
.float_r li img{ display:block; width:auto; max-width:125px;}


.nbanner{ position:relative}
.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:calc(50% + 20px); color:#fff; width:100%; }
.nbanner .text h3{ margin-bottom:20px; font-size:45px; line-height:45px; margin-top:-45px; position:relative; z-index:2;text-shadow: 0.5px 0.5px 2px #666;}
.nbanner .text h4{font-size:75px; line-height:60px; font-weight:bold; color:#154897; opacity:0.3; text-transform:uppercase;}
.nbanner .text p{ font-size:20px;text-shadow: 0.5px 0.5px 2px #666;}

.nnav{ line-height:65px; text-align:center; border-bottom:solid 1px #ddd;}
.nnav .wrap{ width:100%}
.nnav li{ display:inline-block; font-size:18px;}
.nnav li a{ display:block; margin:0 25px; position:relative}
.nnav li a:after{content: '';width: 0;height:2px;background:#154897;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:-1px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li.cur a:after, .nnav li:hover a:after {width:100%}
.nnav li.cur a, .nnav li a:hover{ color:#154897}

.nab01{background:#edf2f8; }
.nab01 .conn{ position:relative; margin-top:95px;}
.nab01 .pic{ position:absolute; top:-60px; right:0; width:auto; height:100%;z-index:1;}
.nab01 .pic img{ height:100%; width:auto; display:block}
.nab01 .text{ width:55%; padding:4%; left:0; background:#fff;box-shadow: 0 0 10px rgb(0 0 0 / 15%); position:relative; z-index:2}
.nab01 .text img{ display:none}
.nab01 .text h3{ font-size:30px; font-weight:bold; line-height:40px; padding-bottom:15px; margin-bottom:20px; border-bottom:solid 1px #ddd; color:#000}
.nab01 .text p{ margin-bottom:8px;}


.nab02 .item{ float:left; width:50%; position:relative}
.nab02 .item .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%; text-align:center}
.nab02 .item .text .wenzi h3{ font-size:30px; margin-bottom:30px;}
.nab02 .item .text .wenzi h4{ font-size:20px; margin-bottom:10px;}
.nab02 .item .text .wenzi p{ width:94%; max-width:540px; margin:0 auto;}
.nab02 .item .text .icon{ margin-bottom:20px; width:60%; max-width:98px; margin:0 auto 40px auto;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s;}
.nab02 .item img{ display:block; width:100%; height:auto;}
.nab02 .item:hover .icon{ -webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}


.nab03 .conn{ text-align:center;display: flex; justify-content: space-between;}
.nab03 .conn .item{ display:inline-block;}
.nab03 .conn .item .image img{ display:block; height:450px; width:auto; margin:0 auto;}
.nab03 .conn .text{font-size:18px; line-height:25px; padding:10px 0; text-align:center; background:#edf2f8}


.nprolist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; border:solid 1px #ddd; text-align:center; padding:3% 2%}
.nprolist li:nth-child(3n){ margin-right:0}
.nprolist li:nth-child(3n+1){ clear:both;}
.nprolist li .pic{ margin-top:-10px}
.nprolist li h3{font-size:20px; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;line-height:25px; height:25px;}

.nprolist .more{ margin-top:30px; text-align:center}
.nprolist .more{ display:inline-block; width:160px; height:38px; line-height:36px; color:#999; border-radius:20px; border:solid 1px #999; font-size:15px; text-transform:uppercase}
.nprolist li:hover .more{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);border:none; color:#fff}
.nprolist li:hover h3{ color:#15499a}
.nprolist li:hover {box-shadow: rgba(0,0,0,0.3) 0 0 18px;}


.prodetail .wrap{ position:relative}
.prodetail .pics{ float:left; width:48%; border:solid 1px #ddd}
.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}


.nproxiang .protabmenu li {line-height:65px; float:left; padding:0 45px; text-transform:uppercase; font-size:24px; color:#000; cursor: pointer; }
.nproxiang .protabmenu .cur {background: #fff;}
.nproxiang #protabcontent .hidden {display:none;}
.nproxiang #protabcontent { clear:both; line-height:30px !important; padding:30px; background:#fff}
.nproxiang #protabcontent img{  width:auto; max-width:100%; height:auto}
.nproxiang #protabcontent ul{ margin-bottom:80px}
.nproxiang #protabcontent ul .zs { text-align:center}
.nproxiang #protabcontent ul .zs .item{ display:inline-block; margin:50px 50px 0 50px;}
.nproxiang #protabcontent ul .zs .item img{ height:500px; width:auto}

.nnewslist .newskuai{ padding:40px 0; border-top:solid 1px #ddd}
.nnewslist .newskuai:nth-child(1){ padding-top:0; border-top:none}
.nnewslist .newskuai a{ display:block; position: relative}
.nnewslist .newskuai .date{ width:68px; height:68px; text-align:center;padding:12px 0;  border-radius:5px; background:#15499a; color:#fff; position:absolute; left:0; top:0}
.nnewslist .newskuai .date h3{ line-height:24px; font-size:24px;}
.nnewslist .newskuai .date p{line-height:24px; font-size:14px;}
.nnewslist .newskuai .pic{ margin:0 2% 0 calc(2% + 68px); width:28%; float:left; border-radius:5px; overflow:hidden}
.nnewslist .newskuai .text{width:calc(68% - 80px); float:right; margin-top:5px}
.nnewslist .newskuai .text h3{font-size:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin-bottom:10px;}
.nnewslist .newskuai .text p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom:15px;font-size:15px; }
.nnewslist .inmore{ margin-top:30px; text-align:center}
.nnewslist .inmore{ display:inline-block; width:160px; height:38px; line-height:36px; color:#999; border-radius:20px; border:solid 1px #999; font-size:15px;}
.nnewslist .newskuai:hover .inmore{background-image: linear-gradient(to right, #062c6b,#0869ca, #062c6b);border:none; color:#fff}


.newsxiang .wrap { background:#fff; border:solid 1px #ddd; padding:3%}
.newsxiang .newstitle{ padding-bottom:30px; margin-bottom:40px; border-bottom:solid 1px #ddd}
.newsxiang .newstitle h3{font-size:24px; font-weight:bold; color:#000}
.newsxiang .newstitle h4{font-size:18px; color:#000}
.newsxiang .newstitle p{ color:#999}
.newsxiang .newscon{padding-bottom:50px;min-height:500px; line-height:35px;}
.newsxiang .newscon img{ width:auto; max-width:100%}
.newsxiang .back{ padding-bottom:50px; text-align:center}
.newsxiang .back 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;}
.newsxiang .back a:hover{background-image: linear-gradient(to right, #009945,#01b351, #009945);border:none;}

.shangxia{ padding-top:25px; border-top:solid 1px #ddd; line-height:35px;}
.shangxia p { color:#a0a0a0;overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.shangxia p a{color:#a0a0a0; }
.shangxia p a:hover{color:#15499a; }


.ncb01 .item{ width:33.33%; float:left; text-align:center;}
.ncb01 .item .icon{  width:30%; max-width:100px; border-radius:50%; background:#154897; overflow:hidden}
.ncb01 .item .icon img{ display:block; width:100%; height:auto}
.ncb01 .item span{ font-size:18px; display:block; margin:10px 0;}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px 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;}


.hrtop{ font-size:18px;padding:0px 30px;display:flex; display:-webkit-flex; line-height:80px; font-weight:bold;background:#154897; color:#fff; border-radius:10px; 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; border-radius:10px; 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; border-radius:10px; 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) #d0daea no-repeat calc(100% - 30px) center ; border-radius:10px;}
.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;}
.hrlist .cont .tomail{ text-align:center; margin:30px auto 60px auto; background:url(../images/bmore.png) #154897 no-repeat 94% center; transition: 0.5s;padding-right:30px; border-radius:25px; overflow:hidden; line-height:50px; width:350px; height:50px;}
.hrlist .cont .tomail:hover{ background:url(../images/bmore.png) #154897 no-repeat 95% center;}
.hrlist .cont .tomail a{ display:block; color:#fff}



.liucheng { position:relative;}
.liucheng img{ display:block; width:100%; height:auto}
.liucheng .inn{ position:absolute; left:0; top:0; width:100%; height:65%}
.liucheng .item{ width:16.666%;height: 100%; display: flex;align-items: center; position:absolute; left:0; top:0}
.liucheng .item:nth-child(2){left:16.66%}
.liucheng .item:nth-child(3){left:33.33%}
.liucheng .item:nth-child(4){left:49.99%}
.liucheng .item:nth-child(5){left:66.65%}
.liucheng .item:nth-child(6){left:82.9%}
.liucheng .item p{  line-height:24px; padding-left:48%}


.neqlist li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; border:solid 1px #ddd; text-align:center;}
.neqlist li:nth-child(3n){ margin-right:0}
.neqlist li:nth-child(3n+1){ clear:both;}
.neqlist li .text{ line-height:60px; padding-bottom:10px;}
.neqlist li h3{font-size:20px; color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;}

.neqlist li:hover h3{ color:#15499a}
.neqlist li:hover {box-shadow: rgba(0,0,0,0.3) 0 0 18px;}


.photo-mask {position: fixed;z-index: 10000;bottom: 0;top: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.8);display: none;}
.photo-panel {position: fixed;display: none;clear: both;top: 0%;left: 0;bottom: 0;right: 0;z-index: 100000;}
.photo-panel .photo-div,.photo-panel .photo-bar {width: 100%;}
.photo-panel .photo-div {width: 1040px;height: 540px;z-index: 11;margin: auto;position: relative;}
.photo-panel .photo-close {background: url(../images/close.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/close_ch.png);background-size:cover; width: 56px;height: 56px;position: absolute;margin-left: 664px;}
.photo-panel .photo-bar-tip {width: 100%;height: 44px;position: absolute;margin-top: -64px;padding: 10px;}
.photo-panel .photo-bar-tip:hover {width: 100%;height: 44px;position: absolute;margin-top: -64px;background: #000;filter: alpha(opacity=20);-moz-opacity: 0.8;opacity: 0.8;color: #fff;padding: 10px;}
.photo-panel .photo-img {width: 800px; position:relative;float: left;background: #fff;}

.photo-panel .photo-view-w {width: 800px;text-align: center;vertical-align: middle;display: table-cell;background: #fff;}
.photo-panel .photo-view-h {width: 800px;text-align: center;vertical-align: middle;}
.photo-panel .photo-view-w img {max-width: 780px;height: auto;vertical-align: middle;text-align: center;max-height: 520px;margin: 10px;}
.photo-panel .photo-view-h img {max-width: 780px;height: 520px;margin: 10px;}
.photo-panel .photo-left,.photo-panel .photo-right {width: 120px;float: left;margin-top: 220px;}
.photo-panel .arrow-prv {background: url(../images/l.png);width: 120px;height: 120px;background-size:cover; }
.photo-panel .arrow-prv:hover {background: url(../images/l_ch.png);width: 120px;height: 120px;background-size:cover; cursor: pointer;}
.photo-panel .arrow-next {background: url(../images/r.png);width: 120px;height: 120px;background-size:cover; }
.photo-panel .arrow-next:hover {background: url(../images/r_ch.png);width: 120px;height: 120px;background-size:cover; cursor: pointer;}
.photo-panel .swiper-container .swiper-wrapper .swiper-slide {width: 200px;overflow: hidden;height: 200px;float: left;}
.photo-panel .swiper-container .swiper-wrapper .swiper-slide img {width: auto;height: auto;}
.photo-panel .photo-bar{ background:#fff; padding-bottom:20px;font-size:20px; text-align:center}