@charset "utf-8";
@font-face {	
font-family: 'Impact';	
src: url("../fonts/Impact.eot");
src: url("../fonts/Impact.eot") format("embedded-opentype"), 
url("../fonts/Impact.woff") format("woff"), 
url("../fonts/Impact.ttf") format("truetype"), 
url("../fonts/Impact.svg") format("svg");	
font-weight: normal;
font-style: normal;}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
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:#333; }
a{color:#333; 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:#0474b8}
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;}

.red{ color:#fe0101}

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

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

.wrap{ width:80%; max-width:1440px; margin:0 auto}
@media screen and (max-width:1600px){
.wrap{ width:84%; }
}
@media screen and (max-width:1366px){
.wrap{ width:88%; }
}
.jvzhong{ text-align:center}
.title { margin-bottom:35px; position:relative;}
.title h3{ font-size:40px; line-height:40px; padding-bottom:25px; text-transform:capitalize;}
.title:after{ content:""; position:absolute; width:42px; height:3px; background:#0474b8; bottom:0; }
.title.jvzhong:after{ left:50%; margin-left:-21px;}
.jvyou{ text-align:right;}

.title02 { margin-bottom:35px; position:relative;}
.title02 h3{ font-size:32px; line-height:40px; }
/*.title02:after{ content:""; position:absolute; width:42px; height:3px; background:#0474b8; bottom:0; }
.title02.jvzhong:after{ left:50%; margin-left:-21px;}*/



.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%}

.nbg{ background: rgba(0,108,180,0.05)}


body{ position:relative}
.header{width: 100%;top:0;left:0;position:fixed; z-index:9999; -webkit-transition:all .5s;transition:all .5s;}
.header.scroll{background:#fff; box-shadow: 0 0 10px rgba(0,0,0,0.15);}
.header.scroll .wrap{box-shadow:none}
.header .wrap{ position:relative; width:90%; max-width:90%;height:100px; z-index:22}
.space{height:100px;}

.mbg{background-image: linear-gradient(to bottom, rgba(4,116,184,1), rgba(4,116,184,0)); width:100%; height:40%; position:absolute; left:0; top:0; z-index:11}



.header .logo{ position:absolute; left:0; top:50%; margin-top:-36px; z-index:22}
.header .logo img{ display:block; height:72px; width:auto}
.header .menu{ position:absolute; top: 0; right:120px; text-align:center}
.header .menu li{ display:inline-block; position:relative; text-transform:capitalize }
.header .menu li .menu_a{line-height:100px;display:block;font-size:18px;position:relative;margin:0 30px;color: #fff;}


.header.scroll .menu li .menu_a{ color:#333;}
.header .menu li .menu_a.cur{ color:#0474b8;}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;border-radius:0 0 20px 20px; overflow:hidden;}
.header .menu li .subchang{ width:100%; left:0; width:100%; padding:40px 0 50px 0;box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius:0px;}
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:0px 0 20px 0 }
.header .menu li:nth-child(3) .subduan{width:180%; margin-left:-40%;}
.header .menu .subduan{ text-align:center; line-height:50px;}
.header .menu .subduan a{ display:block; background-color:#fff; }
.header .menu .subduan a:hover{background-color: #0474b8; color:#fff;}
.header .menu li .subchang .kuai{ float:left; width:16.66%; text-align:left}
.header .menu li .subchang .wrap{ max-width:1440px;}
.header .menu li .subchang .kuai h3{ font-weight:bold; margin-bottom:15px;}
/*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 .menu li .sub p:nth-child(9){animation: 1.2s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(10){animation: 1.3s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(11){animation: 1.4s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .menu li .sub p:nth-child(12){animation: 1.5s ease-in-out 0s 1 normal both running rightOpacityShow;}
.header .language{ position:absolute; right:0px; line-height:40px; margin-top:-20px; top:50%; z-index:22}
.header .language li{ float:left; margin-left:10px;}
.header .language li a{ display:block; width:40px; line-height:40px; text-align:center; font-size:16px; color:#fff; background:#000; border-radius:50%}
.header .language li.cur a, .header .language li a:hover{ background:#fff; color:#0474b8}
.header.scroll .language li.cur a, .header.scroll .language li a:hover{ background:#0474b8; color:#fff }





.bannertop{ position:relative; display:block;height: calc(100vh - 130px);}
.banner, .banner-box{position:relative; overflow:hidden; height:100vh; min-height:550px; z-index:1}
#index-bnr .bnr-img{height:100vh; min-height:550px; overflow:hidden; display:block}
#index-bnr .swiper-pagination{bottom:5%; text-align:center;}
#index-bnr .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
#index-bnr .swiper-pagination-bullet-active{ border:solid 1px #0474b8;}
#index-bnr .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#0474b8;}


#index-bnr .swiper-slide{ width:100% !important; overflow:hidden;}
#index-bnr .swiper-slide a{ display:block}
#index-bnr .swiper-slide .bnr-bg{transform:matrix(1.02, 0, 0, 1.02, 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:100% 100%;position:absolute;top:0px;left:0px;}


/*iBnr-3*/
.iBnr3-box{width:100%;text-align:center;color:#fff;position:absolute;left:0px;top:50%; margin-top:-80px;text-shadow: 1px 1px 3px rgba(0,0,0,0.7);}
.iBnr3-box .t1{line-height:80px;font-size:50px;color:#fff;font-weight:bold;}
.iBnr3-box .t2{line-height:80px;font-size:36px;}
/*.iBnr3-box .t1:after,
.iBnr3-box .t1:before{content:"";display:inline-block;width:67px;height:1px;vertical-align:middle;background:rgba(255,255,255,.5);}
.iBnr3-box .t1:before{margin:0 30px 0 0;}
.iBnr3-box .t1:after{margin:0 0 0 13px;}*/

/*animation*/
.iBnr1-box,
.iBnr2-box .t1 p,
.iBnr2-box .t2,
.iBnr3-box .t1,
.iBnr3-box .t2{transition:all .6s ease-in-out .2s;-webkit-transition:all .6s ease-in-out .2s;}

.iBnr1-box,
.iBnr2-box .t1 p,
.iBnr2-box .t2,
.iBnr3-box .t1,
.iBnr3-box .t2{opacity:0;}

.iBnr2-box .t1 p,
.iBnr2-box .t2,
.iBnr3-box .t1{transform:translateX(-70px);-webkit-transform:translateX(-70px);}

.iBnr3-box .t2{transform:translateX(70px);-webkit-transform:translateX(70px);}

.iBnr2-box .t1 p:nth-child(2){transition-delay:.3s;-webkit-transition-delay:.3s;}

.iBnr2-box .t2{transition-delay:.4s;-webkit-transition-delay:.4s;}

.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;}

.iproducts .item{ float:left; width:calc(33.33% - 15px); margin-right:22.5px; margin-bottom:22.5px; position:relative}
.iproducts .item:nth-child(3n){ margin-right:0}
.iproducts .item:nth-child(3n+1){ clear:both}
.iproducts .item .text{ position:absolute; left:0; bottom:0; transition: all 1.5s; width:100%; padding:30px; height:100%; background-image: linear-gradient(to bottom , rgba(0,0,0,0.0) 60%, rgba(0,0,0,0.5));}
.iproducts .item:hover .text{ height:100%; background-image: linear-gradient(to bottom , rgba(0,0,0,0.1), rgba(0,0,0,0.3));}
.iproducts .item .text .inn{ position:absolute; bottom:30px; left:30px;transition: all 0.5s; height:30px; overflow:hidden }
.iproducts .item:hover .text .inn{ height:60px;}
.iproducts .item .img001{ display:block !important}
.iproducts .item .img002{ display:none !important}
.iproducts .item:hover .img001{ display:none !important}
.iproducts .item:hover .img002{ display:block !important}
.iproducts .item .text h3{ font-size:22px; color:#fff; margin-bottom:5px; line-height:30px;}
.iproducts .item .text p{ color:#fff; font-size:12px; text-transform:uppercase; display:inline-block;background:url(../images/icon.png) no-repeat right center;padding-right:25px;}



.iproducts .more{ margin-top:25px; text-align:center}
.more a{ display: inline-block; width:165px;text-align:center; color:#333; line-height:50px; height:50px;border-radius:26px; background:#edeff5; padding-left:35px; position:relative; border:none !important; border-radius:25px; overflow:hidden}
.more a i{ position:absolute; left:0; top:0%; width:50px; height:50px;background:url(../images/jt02.png) #0474b8 no-repeat center center; border-radius:50%;}
.more a:hover{background:#0474b8; color:#fff;}
.more a:hover i{background:url(../images/jt03.png) #0474b8 no-repeat center center;}

.iabout{ background:url(../images/abbg.jpg) no-repeat center center; background-size:cover;}
.iabout .video{ width:50%; position:relative; float:right; border-radius:45px 0 0 0; overflow:hidden}

.iabout .video .video-btn{position:absolute;width:74px; height:74px; background:url(../images/bofang.png) no-repeat center center; background-size:cover;left:50%; top:50%; margin-left:-37px; margin-top:-37px; z-index:22}
.iabout .video:hover .video-btn{ opacity:1; background:url(../images/bofang.png) no-repeat center center;background-size:cover; }
.iabout .video .video-btn02{ content:""; position:absolute; width:100%; height:100%; left:0%; top:0%; opacity:0;z-index:22}
.iabout .video .hide{ display:none !important}
.iabout .video video{ display:block; width:100%; height:auto; border:none;object-fit: cover;}

.iabout .iableft{ float:left; width:47%; margin-top:2%}
@media screen and (max-width: 1650px){
.iabout .iableft{ 	margin-top:0%}
}
.iabout .iableft .intro{ text-align:justify;}
.iabout .title h3{ padding:0}
.iabout .title:after{ display:none}
.iabout .title h3 span{ position:relative; display: inline-block}
.iabout .title h3 span:after{ content:""; position:absolute; left:calc(100% + 20px); width:200px; height:1px; background:#ddd; top:50%; margin-top:-0.5px;}
.iabout .iyoushi { margin:38px 0}
.iabout .iyoushi li{ display:inline-block; text-align:center; margin-right:50px;}
.iabout .iyoushi li:last-child{ margin-right:0}
.iabout .iyoushi li h3 span{font-family: 'Impact'; font-size:45px; color:#0474b8;}

.iworld { background-image: linear-gradient(to right , #006cb4, #6eb9e0);}
.iworld .title:after{ display:none;}
.iworld .title h3, .iworld .title p{color:#fff}
.iworld .title p{ font-size:18px}
.iworld .conn { position:relative; width:90%; max-width:1750px; margin:0 auto;}
.iworld .conn img{ display:block; width:100%; height:auto;}
.iworld .conn .map-bg{ position: absolute; left:0;top:0; width:100%; height:100%;}
.map-yuan .txt {position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);color: #fff;font-size: 16px}
.map-yuan .txt em {font-size: 46px;line-height: 40px;height: 40px; font-style:normal;}
.map-txt {opacity: 0;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.map-poi {position: absolute}
.map-poi .dian {display: block;width: 14px;height: 14px;background-color:#f39700;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 3}
.map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(243, 151, 0, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 12px;height: 12px}
.map-poi .dian:before {border: 1px solid rgba(243, 151, 0, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}
.map-poi  h3{ color:#fff; margin-top:-20px; margin-left:-85px;}
.map-poi02  h3, .map-poi03  h3{ color:#fff; margin-top:-20px; margin-left:30px;}
.map-poi02 .dian {background-color:#fff;}
.map-poi02 .dian:after, .map-poi02 .dian:before {border: 1px solid rgba(255, 255, 255, .5);}
.map-poi02 .dian:before {border: 1px solid rgba(255, 255, 255, .5);}
@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 30px;border-color: rgba(243, 151, 0, 0)}
}
.iworld .poi1 {top: 54%;left: 75%; position:absolute;}
.iworld .poi1 .map-txt{ margin-top:-380px}
.iworld .poi2 {top: 66%;left: 76%; position:absolute;}
.iworld .poi3 {top: 67%;left: 22%; position:absolute;}
.iworld .poi3 .map-txt{ margin-top:-320px}
.iworld .poi4 {top: 68%;left: 81%; position:absolute;}
.iworld .poi5 {top: 56%;left: 12%; position:absolute;}
.iworld .poi6 {top: 92%;left: 75%; position:absolute;}
.iworld .poi7 {top: 22%;left: 53%; position:absolute;}
.iworld .poi8 {top: 65%;left: 71.5%; position:absolute;}
.iworld .poi8 .map-txt{ margin-top:-255px}
.map-txt {background-color: #fff;position: absolute;top: -80px; width: 300px; margin-left:-145px;text-align:center; padding: 10px;box-shadow: 0 0 24px 0 rgba(0, 0, 0, .3);border-radius: 5px;z-index: 5}
.map-txt:After{ content:""; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #fff; position:absolute; left:50%; margin-left:-10px; bottom:-10px} 
.map-info {font-size: 16px;color: #333}
.map-poi:hover .map-txt {opacity: 1;pointer-events: auto}
.map-txt .map-tit span{ font-size:18px; margin:15px 0 10px 0; display:block}
.map-txt .map-conn{ text-align:center; padding-bottom:30px;}
.map-txt .map-conn p{ text-align:left; display: inline-block; opacity:0.7}

.inews{background:url(../images/inewsbg.jpg) no-repeat center center; background-size:cover;}
.inews .conn{ position:relative; min-height:305px;}
.inews .topnews{ position:absolute; width:36%; height:100%; top:0; left:0; background:#fff; border-radius:0 0 20px 20px;}
.inews .othernews{ width:62%; float:right}
.inews .topnews .wenzi{ padding:20px 3%}
.inews .topnews .pic{ position:relative}
.inews .topnews .pic .ititle{ position:absolute; width:100%; top:75%; text-align:center; font-weight:bold; font-size:24px;background-image:linear-gradient(to right,#c4ac95,#fbf3c5, #c4ac95);-webkit-background-clip:text; color:transparent}
.inews .topnews .text h3{ margin-bottom:10px;}
.inews .date{ width:62px; text-align:center; float:left}
.inews .date h3{font-family: 'Impact'; font-size:40px; color:#0474b8; line-height:35px;}
.inews .topnews .text{ float:right; width:calc(100% - 90px)}
.inews .text h3{ font-size:20px; }
.inews .text p{ font-size:15px; color:#999; line-height:24px; height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.inews .othernews .item{background:#fff; border-radius:0 0 20px 20px; margin-bottom:20px; padding:20px 3% 30px 3%}
.inews .othernews .item:nth-child(3){ margin-bottom:0;}
.inews .othernews .text{ float:right; width:calc(100% - 90px)}
.inews .othernews .text h3{ margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.inews .more{ margin-top:48px; text-align:center}


.footer{ background:#006cb4; font-size:15px;}
.footer .fcontent{ padding:60px 0;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; color:#fff}
.footer li {display:inline-block; line-height:32px; }
.footer li h3{ font-size:18px; margin-bottom:10px; color:#fff; position:relative;padding-bottom:10px; }
.footer li h3:after{ content:""; position:absolute; left:0; width:40px; height:1px; background:#fff; bottom:0; }
.footer li  h3 a{ color:#fff}
.footer p, .footer p a{ color:#fff; }
.footer li:nth-child(1){ max-width:400px;}
.footer li:nth-child(1) img{ height:72px; width:auto}
.footer li:last-child img{ width:130px; height:auto; border-radius:10px;}
.footer li  p.tel{background:url(../images/tel.png) no-repeat left 7px; padding-left:35px }
.footer li p.mail{background:url(../images/mail.png) no-repeat left 7px; padding-left:35px }
.footer li p.add{background:url(../images/add.png) no-repeat left 7px; padding-left:35px }
.footer li p.tel{background:url(../images/tel.png) no-repeat left 7px; padding-left:35px }
.footer li p.phone{background:url(../images/phone.png) no-repeat left 7px; padding-left:35px }
.footer a:hover{ color:#fff}
.footer .copyright{ border-top:solid 1px rgba(255,255,255,0.3); padding:25px 0; text-align:center;text-align:center;}

.footer li .sub a{ display:block; line-height:25px; font-size:13px; margin-left:5px;}
.footer li .sub{ display:none}
.footer li .kuai.cur .sub, .footer li .sub.on{ display:block}


.nbanner{ position:relative}

.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute; text-shadow: 0.5px 0.5px 2px rgba(0%,0%,0%,0.4); z-index:99; left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); bottom:2%; color:#fff; width:100%}
.nbanner .text h3{ margin-bottom:15px; font-size:45px; line-height:45px; font-weight:bold; display:none}
.nbanner .text p a{ color:#fff}

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



.ndown ul{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ndown ul li{ width:32%; margin-right:2%; position:relative; border:solid 1px #ddd; padding:5% 4%; text-align:center}
.ndown ul li:after{ content:""; position:absolute; border-left:1px solid #0474b8; border-bottom:1px solid #0474b8; transition:all 0.6s; left:0; bottom:0; width:0; height:0; }
.ndown ul li:before{ content:""; position:absolute; border-right:1px solid #0474b8; border-top:1px solid #0474b8; transition:all 0.6s; right:0; top:0; width:0; height:0;}
.ndown ul li:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px);}
.ndown ul li:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px);}
.ndown ul li .icon{ width:30%; max-width:59px; margin:0 auto 30px auto}
.ndown ul li .icon img{ display:block; width:100%; height:auto}
.ndown ul li:nth-child(3n){ margin-right:0}
.ndown ul li .text h3{ font-size:18px;}
.ndown ul li .text p{ color:#666; margin:15px auto 40px auto;}
.ndown ul li .text .down{ border:solid 1px #ddd; border-radius:20px; padding:5px 25px; display:inline-block; position:relative; z-index:99}
.ndown ul li .text .down:hover{border:solid 1px #0474b8; background:#0474b8; } 
.ndown ul li .text .down a{ display:block;transition:0s;-webkit-transition:0s;-moz-transition:0s;-ms-transition:0s;-o-transition:0s;}
.ndown ul li .text .down:hover a{color:#fff}


.feedback{ position:relative}
.feedback:after{ content:""; position:absolute; left:0; top:0; width:100%; height:40%; background: url(../images/feedbackbg.jpg) no-repeat center center; z-index:-1}
.feedback .title, .feedback .title h3, .feedback .title h4, .feedback .title p{ color:#fff}
.feedback .title:after{ display:none;}
.feedback .title p{ font-size:18px;}
.feedback .conn{ background:#fff;box-shadow: 0px 0px 15px rgb(0 0 0 / 15%); border-radius: 10px; padding:60px 60px 95px 60px}
.feedback form{ margin:0 auto; max-width:1050px;}
.feedback .form .column{ float:left; width:calc(50% - 15px); margin-right:15px; margin-bottom:15px; position:relative; background:#fff; line-height:48px; overflow:hidden; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_1 { margin-right:-15px}
.feedback .form .row_1 input{ border:none; line-height:48px; height:48px;width:100%; padding:0 15px;color:#999}
.feedback .form .row_1 select{ border:none; line-height:48px;height:48px; width:100%; padding:0 15px; color:#999}
.feedback .form .row_2{background:#fff; position:relative}
.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; overflow:hidden;color:#999; border-radius:5px; border:solid 1px #ddd}
.feedback .form .row{ position:relative; width:186px; line-height:50px; height:50px; border-radius:25px; overflow:hidden; margin:20px auto 0 auto;background:#0474b8;}
.feedback .form .row .submit{ position:absolute; color:#fff; left:0; top:0;transition: 0.5s;width:186px; font-size:18px; line-height:50px; height:50px; border:none;background:url(../images/jtf.png) no-repeat 75% center; display:block; padding-right:40px; line-height:50px; font-style:normal; }
.feedback .form .row .submit:hover{ background:url(../images/jtf.png) no-repeat 80% center; }





.nab05 .swiper-slide{ margin-bottom:30px;}
.nab05 .swiper-slide{position:relative; background:#0474b8}
.nab05 .swiper-slide img{ display:block;}
.nab05 .swiper-slide .text{ opacity:1; color:#fff; position:absolute; left:0; top:0; z-index:98; width:100%; height:100%; cursor:pointer;}
.nab05 .swiper-slide .text h3{ font-size:18px;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; }

.nab05 .swiper-pagination{bottom:0%; text-align:center; position:relative; z-index:99;}
.nab05 .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.nab05 .swiper-pagination-bullet-active{ border:solid 1px #0474b8;}
.nab05 .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#0474b8;}




.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: 5%;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;margin-top:8% !important}
.photo-panel .photo-close {background: url(../images/close_ch.png); background-size:cover; width: 56px;height: 56px;position: absolute; top:o; right:0}
.photo-panel .photo-close:hover {background: url(../images/pclose.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;height: 600px;background: #fff;}
.photo-panel .photo-view-w {width: 800px;height: 540px;text-align: center;vertical-align: middle;display: table-cell;}
.photo-panel .photo-view-h {width: 800px;height: 540px;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}




.nab06 .conn img{ display:block; width:auto; max-width:100%; margin:0 auto;}
.ncontact .conn{ position:relative}
.ncontact .conn .cleft{ width:50%;border-top:solid 1px #ddd; padding-right:40px}
.ncontact .conn .cleft .kuai{ padding:12px 0 20px 40px; border-bottom:solid 1px #ddd;background: url(../images/brank.png) no-repeat left 20px; background-size:25px auto;}
.ncontact .conn .cleft .kuai h3{ font-size:20px; margin-bottom:5px; line-height:42px;}
.ncontact .conn .cleft .kuai p{ display: flex; display: -webkit-flex; justify-content: space-between;}
.ncontact .conn .cleft .kuai p span:nth-child(1){ display:inline-block; width:80px}
.ncontact .conn .cleft .kuai p span:nth-child(2){ display:inline-block; width:calc(100% - 80px)}
.ncontact .conn #dituContent{ border:solid 1px #ddd; width:50%; position:absolute; top:0;right:0; height:100%;}


.hrtop{ font-size:18px;padding:0px 30px;display:flex; display:-webkit-flex; line-height:60px; font-weight:bold;background:#0474b8; 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; border:solid 1px #ddd}
.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) rgba(0,108,180,0.1) 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) #0474b8 no-repeat 92% center; transition: 0.5s;padding-right:45px; border-radius:25px; overflow:hidden; line-height:50px; width:100%; max-width:350px; height:50px;}
.hrlist .cont .tomail:hover{ background:url(../images/bmore.png) #0474b8 no-repeat 93% center;}
.hrlist .cont .tomail a{ display:block; color:#fff}


.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai{position: relative;}
.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:#f0f0f1; top:0;transition: all 0.5s;}
.nnews .newskuai:hover:after{ width:100%;}
.nnews .newskuai{border-bottom: 1px solid #ddd;padding: 30px 0; position:relative;}

.nnews .newskuai .pic{ overflow:hidden; float:left; width:calc(30% - 2px); border:solid 1px #ddd; }
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nnews .newskuai:hover .pic img{transform:scale(1.2);}
.nnews .newskuai .wenzi{ float:right; width:68%; padding: 1% 0%;}
.nnews .newskuai .wenzi .shijian{ font-size:14px; color:#999; margin-bottom:5px;}
.nnews .newskuai .wenzi h3{ line-height:40px; font-size:24px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; margin-bottom:15px;}
.nnews .newskuai .wenzi p{ height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; color:#666}
.nnews .newskuai .wenzi .more{ margin-top:45px; width:125px; line-height:38px; text-align:center; border:solid 1px #0474b8; border-radius:10px 0;color:#0474b8}
.nnews .newskuai:hover .wenzi .more{ color:#fff; background:#0474b8}

.newsxiang .newstitle{ text-align:center}
.newsxiang .newstitle h3{ font-size:30px; margin-bottom:15px;}
.newsxiang .newstitle p{ font-size:14px; color:#999}
.newsxiang .conn{ margin:40px 0;}
.newsxiang .conn img{ display:block; margin:0 auto; width:auto; max-width:100%}
.newsxiang .more{ margin-top:48px; text-align:center}


.shangxia{ border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; padding:17px 0;}
.shangxia li{ float:left; text-align:left;}
.shangxia li:nth-child(2n){ float:right; text-align:right;}



.videoList li{ float:left; width:32%; margin-right:2%; margin-bottom:1%;text-align:center; background:#fff;}
.videoList li:nth-child(3n){ margin-right:0}
.videoList li .pic{ position:relative; overflow:hidden}
.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.4) no-repeat center center; background-size:12% auto;left:0%; top:0%;opacity: 0.5;}
.videoList li .tit{ font-size:20px;color:#333; padding: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.2) no-repeat center center; background-size:12% auto;}
.videoList li:hover .tit{color: #0474b8;}
.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:1000}
.show-video{ display:block}
.video-show {position: absolute;z-index: 1000;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)}

.nab .conn p{ line-height:35px; margin-bottom:10px;}
.nab .lists{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin:30px auto 0 auto;}
.nab .lists .item{ width:48.5%; margin-right:3%; border-radius:20px;  /*background-image: linear-gradient(90deg, #f1f8ffff, #f2f8fb);*/ background:#006cb4; color:#fff; overflow:hidden}
.nab .lists .item:nth-child(2n){ margin-right:0}
.nab .lists .item .text{ padding:20px 30px 40px 30px;}
.nab .lists .item .text h3{ font-size:22px; margin-bottom:10px;}
.nab .lists .item .text p span{ display:inline-block; width:calc(50% - 5px)}

.nab02{background: url(../images/iab02bg.jpg) no-repeat center center; background-size: cover;}
.nab02 .wrap .history-list{ position:relative;}
.history-list { padding: 0 120px; background: url(../images/aboutdbg.png) no-repeat center center;}

.history-list .swiper-slide{ position:relative;height:480px;  }
.history-list .item{ position:absolute; right:-50px; top:0; left:-50px; height:240px;border-left:solid 1px #7fb5d9; padding-left:30px; padding-top:30px; margin-left:10px;}
.history-list .item .dian {position: absolute;bottom: -9.5px;left:-9.5px;width: 19px;height: 19px;background: url(../images/dian01.png) #fff no-repeat center center; border-radius:50%}
.history-list .swiper-slide:nth-child(even) .item{ top:auto; bottom:0;}
.history-list .swiper-slide:nth-child(even) .item .dian{ bottom:auto; top:-9.5px}
.history-list .item h3{ font-size:32px; margin-bottom:15px}
.history-list .item p{width:130%}
.history-list .swiper-slide:hover .dian{background: url(../images/dian02.png) #fff no-repeat center center;}
.history-list .swiper-slide:hover .item:after{ opacity:1}
.nab02 .swiper-button-prev, .nab02 .swiper-button-next{display:block; width: 48px !important;height: 48px !important; border-radius:50%; background:none; overflow:hidden}
.nab02 .swiper-button-prev{left:0;}	
.nab02 .swiper-button-next{right:0;}	
.nab02 .swiper-button-prev:hover, .nab02 .swiper-button-next:hover{background:#006cb4; background-size:cover;  border:none}
.nab02 .swiper-button-prev span, .nab02 .swiper-button-next span{width: 48px !important;height: 48px !important; position:absolute; left:0; top:0;background:url(../images/napre02.png) #0b6abb no-repeat center center;}
.nab02 .swiper-button-next span{background:url(../images/nanext02.png) #4c98ca no-repeat center center;}
.nab02 .swiper-button-prev:hover span, .nab02 .swiper-button-next:hover span{background:url(../images/napre03.png) no-repeat center center; opacity:1;}
.nab02 .swiper-button-next:hover span{background:url(../images/nanext03.png) no-repeat center center;}




.nab03 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; text-align: center;}
.nab03 .conn .item{ width:32%; margin-right:2%; margin-top:60px; border-radius:10px; border:solid 1px #ddd; margin-bottom:2%; background-image: linear-gradient(180deg, #fff, #f1f8fe);}
.nab03 .conn .item:nth-child(3), .nab03 .conn .item:nth-child(5){ margin-right:0}
.nab03 .conn .item:nth-child(4), .nab03 .conn .item:nth-child(5){ width:49%; margin-bottom:0}
.nab03 .conn .item .img{ width:30%; background:#fff; transition: 0.5s; margin: -40px auto 30px auto; position:relative;}
.nab03 .conn .item .img:hover{margin: -50px auto 40px auto;}
.nab03 .conn .item .img img{ display:block; width:60px; height:auto; margin:0 auto}
.nab03 .conn .item h3{ font-size:24px; margin-top:20px;}
.nab03 .conn .item .con{ margin:20px 20px 45px 20px}

.nab04 .conn{ position:relative; background:#fff}
.nab04 .wenzi{ width:70%; padding:30px 50px; height:100%; overflow-y: auto; position:absolute; top:0; right:0;}
.nab04 .pic{  width:30%;}
.nab04 .wenzi h3{ font-size:20px; line-height:40px; margin-bottom:10px; font-weight:bold}
.nab04 .wenzi h4{ font-size:18px; line-height:40px; color:#006cb4; font-weight:bold;}
.nab04 .wenzi .jiange{ margin-bottom:10px;}

.iapp .swiper-container{position:relative}
.iapp .swiper-slide{ border:solid 1px #ddd; margin-bottom:50px; background-image: linear-gradient(90deg, #fff, #f1f8fe); position:relative; border-radius:12px; overflow:hidden}
.iapp .swiper-slide .text{ padding:30px 25px;}
.iapp .swiper-slide .text h3{ font-size:24px; margin-bottom:10px;}
.iapp .swiper-slide .text .conn{ line-height:28px; height:84px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom:15px;}
.iapp .swiper-slide .text .more{ color:#999; font-size:14px;}
.iapp .swiper-slide:hover .text .more{ color:#0093dc; }
.iapp .swiper-button-prev, .iapp .swiper-button-next{ width:30px; height:24px; overflow:hidden; margin-top:0;opacity:0.3; outline:none; top:auto; bottom:0;}
.iapp .swiper-button-prev{ background:url(../images/ppre02.png) no-repeat center center; background-size:cover; left:calc(50% - 40px); right:auto;}
.iapp .swiper-button-next{ background:url(../images/pnext02.png) no-repeat center center;background-size:cover; left:auto; right:calc(50% - 40px); }
.iapp .swiper-button-prev:hover{ background:url(../images/ppre.png) no-repeat center center; background-size:cover;opacity:1}
.iapp .swiper-button-next:hover{ background:url(../images/pnext.png) no-repeat center center;background-size:cover; opacity:1}

.iapp .swiper-slide:after{ content:""; position:absolute; border-left:1px solid #0474b8; border-bottom:1px solid #0474b8; transition:all 0.6s; left:0; bottom:0; width:0; height:0; z-index:95}
.iapp .swiper-slide:before{ content:""; position:absolute; border-right:1px solid #0474b8; border-top:1px solid #0474b8; transition:all 0.6s; right:0; top:0; width:0; height:0;z-index:95}
.iapp .swiper-slide:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px);}
.iapp .swiper-slide:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px);}


.nfengcai .swiper-slide{ margin-bottom:20px;}
.nfengcai .swiper-slide .text{/*background-image: linear-gradient(90deg, #f1f8fe, #e0edf6); */ background:#fff; position:relative; overflow:hidden}
.nfengcai .swiper-slide .text:after{ content:""; position:absolute; left: 0; bottom:-100%; height:100%; width:100%; background:#006cb4;transition: 0.5s;}
.nfengcai .swiper-slide:hover .text:after{ bottom:0}

.nfengcai .swiper-slide .text h3{ padding:15px; font-size:18px; text-align:center; position: relative; z-index:8;}
.nfengcai .swiper-slide:hover h3{ color:#fff;}
.nfengcai .swiper-pagination{bottom:0%; text-align:center; position:relative; z-index:99;}
.nfengcai .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.nfengcai .swiper-pagination-bullet-active{ border:solid 1px #0474b8;}
.nfengcai .swiper-pagination-bullet:after{ content:""; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-5px; border-radius:50%; width:10px; height:10px;background:#0474b8;}


.fcaidetail{ margin:40px auto !important; max-width:920px;}

.single-product-top{ position:relative; padding: 0 8%;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ top:auto; top:50%; border:none !important;outline: none !important; color: #0079c4 !important; left:0px;}
.single-product-top .swiper-button-next:hover, .single-product-top .swiper-button-prev:hover{color:#0079c4}
.single-product-top .swiper-button-next{ right:0 !important; left:auto !important;}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 22px !important; border:none !important}
.single-product-top .swiper-button-next.swiper-button-disabled, .single-product-top .swiper-button-prev.swiper-button-disabled{ opacity:1; color:#aaa}
.single-product-top img{ width:100% !important;}


.single-product-top .swiper-button-prev, .single-product-top .swiper-button-next{display:block; width: 48px !important;height: 48px !important; border-radius:50%; background:none; overflow:hidden}
.single-product-top .swiper-button-prev{left:0;}	
.single-product-top .swiper-button-next{right:0;}	
.single-product-top .swiper-button-prev:hover, .single-product-top .swiper-button-next:hover{background:#006cb4; background-size:cover;  border:none}
.single-product-top .swiper-button-prev span, .single-product-top .swiper-button-next span{width: 48px !important;height: 48px !important; position:absolute; left:0; top:0;background:url(../images/napre02.png) #0b6abb no-repeat center center;}
.single-product-top .swiper-button-next span{background:url(../images/nanext02.png) #4c98ca no-repeat center center;}
.single-product-top .swiper-button-prev:hover span, .single-product-top .swiper-button-next:hover span{background:url(../images/napre03.png) no-repeat center center; opacity:1;}
.single-product-top .swiper-button-next:hover span{background:url(../images/nanext03.png) no-repeat center center;}

.gallery-thumbs .swiper-slide { position:relative; padding-top:10px}
.gallery-thumbs .swiper-slide img{ display:block; width:calc(100% - 2px); margin:1px; height:auto;border: 1px solid #ddd;}
.gallery-thumbs .swiper-slide:after{ content:""; height:10px; width:15px; left:50%; margin-left:-7.5px; top:2px; position:absolute;background:url(../images/check.png) #fff no-repeat center center; opacity:0  }
.gallery-thumbs .swiper-slide-thumb-active img {border: 1px solid #e60012;}
.gallery-thumbs .swiper-slide-thumb-active:after{ opacity:1}
.gallery-top {width: 100%;height: 100%;}
.gallery-top .img2{ display:block; width:100%;height:100%; }


.proxs{/* border-top:solid 1px #e2e2e2; */padding-top:50px; width:84%; margin:50px auto 0 auto}
.proxs h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}



.toscroll{ color:#fff; font-size:10px; text-align:center; position:fixed; right:5%; bottom:5%; padding-top:30px; width:60px; height:60px; background:#0474b8; z-index:991}
.toscroll.yincang{ display:none !important}
.toscroll span {
    position: absolute;
    top: -5px;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb 1.5s infinite;
    animation: sdb 1.5s infinite;
    box-sizing: border-box
}

@-webkit-keyframes sdb {
    0% {
        -webkit-transform: rotate(-45deg) translate(0,0);
        opacity: 0.5
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: rotate(-45deg) translate(-10px,10px);
        opacity: 0.5
    }
}

@keyframes sdb {
    0% {
        transform: rotate(-45deg) translate(0,0);
        opacity: 0.5
    }

    50% {
        opacity: 1
    }

    100% {
        transform: rotate(-45deg) translate(-10px,10px);
        opacity: 0.5
    }
}



.niapp .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.niapp .item{ border:solid 1px #ddd; margin-bottom:2%; background-image: linear-gradient(90deg, #fff, #f1f8fe); position:relative; width:32%; margin-right:2%}
.niapp .item:nth-child(3n){ margin-right:0}
.niapp .item .text{ padding:30px 25px;}
.niapp .item .text h3{ font-size:24px; margin-bottom:10px;}
.niapp .item .text .conn{ line-height:28px; height:84px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom:15px;}
.niapp .item .text .more{ color:#999; font-size:14px;}
.niapp .item:hover .text .more{ color:#0093dc; }
.niapp .item:after{ content:""; position:absolute; border-left:1px solid #0474b8; border-bottom:1px solid #0474b8; transition:all 0.6s; left:0; bottom:0; width:0; height:0; z-index:95}
.niapp .item:before{ content:""; position:absolute; border-right:1px solid #0474b8; border-top:1px solid #0474b8; transition:all 0.6s; right:0; top:0; width:0; height:0;z-index:95}
.niapp .item:hover:after{ width:calc(100% - 1px); height:calc(100% - 1px);}
.niapp .item:hover:before{ width:calc(100% - 1px); height:calc(100% - 1px);}


.nsb .conn .list{ display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-bottom:30px}
.nsb .conn .list .item{ width:16.66%; height:90px; background:url(../images/liucheng.png) no-repeat center center; background-size:100% 100%; position:relative}
.nsb .conn .list .item .num{ font-size:24px; color:#fff; width:40px; height:40px; border-radius:50%; background:#006cb4; text-align:center; line-height:40px; position:absolute; left:10%; top:50%; margin-top:-20px;}
.nsb .conn .list .item .text{height:90px;display:flex;align-items:center; width:100%}
.nsb .conn .list .item .text p{ width:100%; line-height:24px; padding-left:32%; text-align:left; }


.sblist table{ border-left:solid 1px #ddd; border-top:solid 1px #ddd;}
.sblist table td{ padding:5px 10px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}
.sblist table tr td:first-child, .sblist table tr td:last-child{ text-align:center;}
.sblist .gg{ width: 100%;overflow:auto; max-height:462px;/* 设置固定高度 */}
.sblist th { line-height:50px; color:#fff; font-weight:normal; background:#006cb4}
.sblist table {table-layout: fixed;}
.sblist thead tr th {position:sticky;top:0; /* 列首永远固定在头部  */}
.sblist th:first-child{z-index:2;}
.sblist tr:nth-child(2n+1){ background:#d7efff}

.newsxiang table{ border-left:solid 1px #ddd; border-top:solid 1px #ddd;}
.newsxiang table td{ padding:5px 10px; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd;}