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

*{margin:0;padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/-webkit-font-smoothing: subpixel-antialiased;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);  
-moz-tap-highlight-color:rgba(0, 0, 0, 0);  
-ms-tap-highlight-color:rgba(0, 0, 0, 0);  
-o-tap-highlight-color:rgba(0, 0, 0, 0);  
tap-highlight-color:rgba(0, 0, 0, 0);}

body{ font-family:"Microsoft Yahei", "Source Han Sans CN", 'opensans', Arial, Helvetica, sans-serif;  font-size:15px; line-height:30px;overflow-x:hidden !important; background:#fff; color:#222)}
a{ text-decoration:none;outline:none;color:#222;}
img{ border:none;}
table{ border-collapse:collapse}
ul,ol,li{ list-style:none}
.clearfix{zoom:1; clear:both}
.clearfix:after{ content:""; height:0; display:block; clear:both; visibility:hidden;}
botton,input,textarea,select{ outline:none; font-family:Arial}
h1,h2,h3,h4,h5{ font-weight:normal; font-family:"HarmonyOs Sans Condensed","Microsoft Yahei","Hiragino Sans GB","Heiti SC","PingFang SC","WenQuanYi Micro Hei",Helvetica,Arial,sans-serif; }
.flex{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;}
.blue{ color:#265fa2}

.clear{ clear:both; }

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

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

.pic{ height:auto; display:block; /*overflow:hidden;*/}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.kuai:hover .pic img, li:hover .pic img, a:hover .pic img,  .pic:hover img{transform:scale(1.05);}

.space{ height:90px;}


.wrap{ width:80%; margin:0 auto;}
.header { position: fixed; left:0; top:0; height:90px; width:100%; background:#fff; box-shadow: 0 0 25px rgba(0,0,0,0.15); z-index:9999;}
.header .logo{ float:left; margin:22px 0 22px 5%;}
.header .logo a{ display:block;}
.header .logo img{ float:left; display:block; height:32px; margin:8px 0 ;}
.header .logo .text{ line-height:12px; font-size:12px;letter-spacing:0.86px; margin-left:8px;float:left; }
.header .logo .text span{ display:block; font-weight:bold; letter-spacing:1px; font-size:28px; line-height:30px; margin-bottom:5px;}
.header .menu, .header .tel, .header .use{ float:right}



.header .menu li{ float:left;position:relative; }
.header .menu li .menu_a{ line-height:90px; display:block; font-size:17px; position:relative; margin:0 20px}
.header .menu li.arrow .menu_a{margin:0 38px 0 20px}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#265fa2;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 .menu_a.cur, .header .menu li:hover .menu_a{ color:#265fa2;}
.header .menu li.arrow .menu_a:before{ content:""; position:absolute; right:-18px; top:0%; width: 9px;  height: 100%; transition: all 0.3s;background: url(../images/arrow1.png) right center no-repeat;}
.header .menu li.arrow .menu_a.cur:before, .header .menu li.arrow .menu_a:hover:before{transform: rotate(180deg);}
.header .menu li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99;}
.header .menu li .sub.cur{ display:block}
.header .menu li .sub{box-shadow: 0 0 10px rgba(0,0,0,0.15);position:absolute; display:none;clear:both; background:#fff; z-index:99;left: 50%;top: 100%; text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);}
.header .menu .sub{ text-align:center; line-height:50px; border-radius:5px; overflow:hidden; }
.header .menu .sub a{ display:block;white-space: nowrap; background-color:#fff; color:#6d6d6d; border-bottom:solid 1px #e5e5e5;padding:0 30px;  }
.header .menu .sub a:hover{background-color: #265fa2; color:#fff;}
/*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 .tel{ margin:0 30px 0 20px; background:url(../images/toptel.png) no-repeat left center; padding-left:30px; font-weight:bold; font-size:20px; line-height:90px;}
.header .lang{ display:none; position:absolute; line-height:24px; height:24px; top:50%; margin-top:-12px; color:#999; right:80px; }
.header .lang a{ padding:0 5px; color:#666}

.header .use li{ float:left; width:68px; margin-left:1px; font-size:15px;}
.header .use li .search, .header .use li .language{ display:block; width:100%; height:90px; text-align:center; color:#fff; padding-top:70%;}
.header .use li .search{ background:url(../images/ico02.png) #265fa2 no-repeat center 32%; background-size:30% auto; }
.header .use li .language{ background:url(../images/ico.png) #265fa2 no-repeat center 30%; background-size:30% auto;}
.header .use li .sub{position:absolute; display:none;clear:both; background:#fff; z-index:99; right:0;}
.header .use li .sub.cur{ display:block}
.header .use li:nth-child(1) .sub{ background:#265fa2; width:280px; padding:10px; line-height:40px; text-align: center;}
.header .use li:nth-child(1) .sub form{ background:#fff; padding:0 15px;}
.header .use li:nth-child(1) .sub input{ line-height:40px; height:40px;}
.header .use li:nth-child(1) .sub .inp{ float:left; width:calc(100% - 60px); border:none;}
.header .use li:nth-child(1) .sub .search_btn{ float:right; width:18px;  line-height:40px; height:40px; border:none; background: url(../images/search-btn1.png) no-repeat center center; cursor:pointer;}
.header .use li:nth-child(2) .sub{ background:#265fa2; width:137px; padding:10px; line-height:40px; text-align: center;}
.header .use li:nth-child(2) .sub p a{ color:#fff;}
.header .use li:nth-child(2) .sub p:hover{ background:#fff;}
.header .use li:nth-child(2) .sub p:hover a{ color:#000;}


.banner { margin-top:90px; }
.banner .swiper-slide{ width:100%; height:calc(100vh - 90px); display:block; overflow:hidden;}
.banner .swiper-slide .text{ position: absolute; left:0; top:0; width:100%; height:100%;}
.banner .swiper-slide .bpic{ position:absolute; left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:45%; height:75%; padding:0 0 0 8%;}
.banner .swiper-slide .bpic img{ display:block; height:100%; width:auto; margin:0 auto;}
.banner .swiper-slide .wenzi{position:absolute;right:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:45%; width:45%; padding:0 8% 0 0;}
.banner .swiper-slide .wenzi h3{ font-size:45px; line-height:50px; font-weight:bold; color:#000;}
.banner .swiper-slide .wenzi p{ line-height:50px; font-size:24px;}
.banner .swiper-slide .wenzi .con{ margin:25px 0 80px 0; opacity:0.7;}
.banner .swiper-slide .wenzi .con p{ padding-left:35px; position:relative; display:block;}
.banner .swiper-slide .wenzi .con p:after{ content:""; width:10px; height:10px; border-radius:50%; background:#265fa2; border:solid 4px #bdcfe3; position:absolute; left:0; top:50%; margin-top:-7px;}

.more{ width:160px; padding-right:30px; line-height:50px; background:#265fa2; text-align:center}
.more a{ color:#fff; display:block; position:relative}
.more a i{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width:15px;height:11px;background: url(../images/morejt.png)no-repeat center center;background-size:15px auto;}
.more a:hover i{animation: dongqilai2 1s infinite;background: url(../images/morejt.png)no-repeat center center;background-size:15px auto;}

@keyframes dongqilai2{
	from{right:0px;}
	50%{right:10px;}
	to{right:0px;}
}
.banner .swiper-pagination{bottom:35px; text-align:center;}
@media screen and (max-width: 640px){
.banner .swiper-pagination{bottom:25px;}
}
.banner .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:#bdcfe3; border-radius:6px; }
.banner .swiper-pagination-bullet-active{ width:35px; height:12px; background:#265fa2;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}


.section .title{-webkit-transform: translateY(-150px); -moz-transform: translateY(-150px);-ms-transform: translateY(-150px);transform: translateY(-150px); opacity:0; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.section.active .title{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.section .conn{-webkit-transform: translateY(150px); -moz-transform: translateY(150px);-ms-transform: translateY(50px);transform: translateY(150px); opacity:0; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.section.active .conn{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}

.title{ margin-bottom:50px;}
.jvzhong{ text-align:center;}
.title h4{ font-size:26px; color:#265fa2; margin-bottom:10px; margin-top:45px;}
.title h3{ font-size:40px; line-height:40px; font-weight:bold;}
.title02{ margin-bottom:35px;}
.title02 h3{ font-size:36px; line-height:36px; font-weight:bold;}
.title02 p{ margin-top:20px; color:#666;}

.i-product .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.i-product .item{ width:33.33%; position:relative; padding:3%;}
.i-product .item:nth-child(1){ background:#f9fbfd}
.i-product .item:nth-child(2){ background:#f0f4f9}
.i-product .item:nth-child(3){ background:#e8ebf2}
.i-product .item:hover{box-shadow: #e0e0e0 0 0 18px;background-color:#ffffff; }
.i-product .item h3{ font-size:24px; font-weight:bold; text-align:center; margin:6% 0 8% 0px;}

.mbg{ background:#f4f7fa;}
.i-brand ul{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.i-brand li{ width: 15.666%;text-align: center; background:#fff; margin-right:1%; margin-bottom:1%}
.i-brand li a{ display:block;height: 95px; }
.i-brand li:nth-child(6n){ margin-right:0}
.i-brand li:nth-child(6n+1){ clear:both}
.i-brand li img{display: inline-block;vertical-align: middle;max-width:68%;max-height:62%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
.i-brand li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.i-brand li i{ display:inline-block; width:0; height:100%; vertical-align: middle;}
.i-brand .more{ margin:30px auto 0 auto;}


.i-about .wrap{ position:relative; margin-top:45px; }
.i-about .images{ width:50%; position:absolute;right:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:0%;}
.i-about .images img{ display:block; width:100%; height:auto;}
.i-about .text{-webkit-transform: translateX(-150px); -moz-transform: translateX(-150px);-ms-transform: translateX(-150px);transform: translateX(-150px); opacity:0; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.i-about.active .text{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); opacity:1}
.i-about .images{-webkit-transform: translateX(150px); -moz-transform: translateX(150px);-ms-transform: translateX(50px);transform: translateX(150px); opacity:0; -webkit-transition:all 1.5s ease;-moz-transition:all 1.5S ease;transition:all 1.5s ease;}
.i-about.active .images{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0); opacity:1}
.i-about .text{ width:46%; }
.abtitle{ margin-bottom:30px; padding-bottom:20px; border-bottom:solid 1px #ddd; position:relative;}
.abtitle h4{ font-size:26px; color:#265fa2; margin-bottom:10px; }
.abtitle h3{ font-size:40px; line-height:40px; font-weight:bold;}
.abtitle:after{ content:""; position:absolute; left:0; bottom:0; width:80px; height:2px; background:#265fa2;}
.i-about .text .abcon{ opacity:0.7; line-height:32px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;}
.i-about .text .abcon p{ margin-bottom:10px;}
.i-about .text .more{ margin-top:50px;}

@-webkit-keyframes bounce-up {
25% {-webkit-transform: translateY(20px);}
50%, 100% {-webkit-transform: translateY(10px);}
75% {-webkit-transform: translateY(-20px);}
}
@keyframes bounce-up {25% {transform: translateY(10px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-10px);}
}

.animate-bounce-up{-webkit-animation: bounce-up 2.5s linear infinite;animation: bounce-up 2.5s linear infinite;}
.animate-bounce-up02{-webkit-animation: bounce-up02 2.5s linear infinite;animation: bounce-up02 2.5s linear infinite;}

.i-news .swiper-slide{ background:#fff; margin-bottom:40px;}
.i-news .swiper-slide a{ display:block; }
.i-news .swiper-slide .pic{ overflow: hidden}
.i-news .swiper-slide .text{ padding:20px 20px 30px 20px;}
.i-news .swiper-slide .text p{ color:#265fa2;}
.i-news .swiper-slide .text h3{ margin:5px 0 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.i-news .nmore{ padding-right:30px; display:inline-block; position:relative}
.i-news .nmore i{content: '';display: block;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width:15px;height:11px;background: url(../images/morejt02.png)no-repeat center center;background-size:15px auto;}
.i-news .swiper-slide:hover .nmore i{animation: dongqilai2 1s infinite;background: url(../images/morejt02.png)no-repeat center center;background-size:15px auto;}
.i-news .swiper-pagination{ bottom:0;}
.i-news .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:#bdcfe3; border-radius:6px; }
.i-news .swiper-pagination-bullet-active{ width:35px; height:12px; background:#265fa2;}
.i-news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}


.footer .fcontent{ padding:60px 0 80px 0; }
.footer .fcontent ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; line-height:32px; }
.footer li .ftop img{ float:left; height: 44px; padding:3px 0; width:auto; padding-right:20px; margin-right:20px; border-right:solid 1px #ddd;}
.footer li .ftop  h3{ margin-bottom:15px; float:left; font-size:24px; letter-spacing:0.7px;line-height:28px; color:#000; font-weight:bold;}
.footer li .ftop  h3 span{ font-size:10px; line-height:20px; letter-spacing:0px; font-weight:normal; display:block; text-transform:uppercase;}
.footer li .code img{ border-radius:15px; width:120px; margin:0 auto; border:solid 1px #ddd; display:block;}
.footer li .code{ font-size:14px; text-align:center; margin-right:20px; color: rgba(0,0,0,0.6);}
.footer li .code, .footer li .lists{ float:left;}
.footer li .lists{ line-height:33px;}

.footer li h3{ font-size:18px; margin-bottom:10px; color:#265fa2; position:relative;padding-bottom:10px; font-weight:400;}
.footer li  h3 a{ color:#265fa2}
.footer p, .footer p a{ color: rgba(0,0,0,0.6); }
.footer a:hover{ color:#265fa2;}
.footer .copyright{ border-top:solid 1px #ddd; padding:20px 0; text-align:center;}


.nbanner { position:relative; overflow:hidden}
.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:48%; width:100%; text-align:center; }
.nbanner .text h3{font-size:40px; font-weight:bold; line-height:55px; text-align:center;text-shadow: 0.5px 0.5px 2px #fff;}
.nbanner .text h4{ margin-top:0 !important;}
.nbanner .text p{ font-size:17px; margin-top:5px;}
.nbanner .text p a{ color:#fff}


.nguide ul{ text-align:left; float:right;}
.nguide ul li{ display:inline-block; font-size:105%; margin:0 20px; padding:18px 0; position:relative;}
.nguide ul li:after{ content:""; position:absolute; left:0; bottom:-1px; width:0; height:2px; background:#265fa2;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nguide ul li.cur a, .nguide ul li:hover a{ color:#265fa2;}
.nguide ul li:hover:after, .nguide ul li.cur:after{ width:100%;}
.nguide .location{ float:left;padding:18px 0; background:url(../images/home.svg) no-repeat left center; padding-left:35px;}
.nguide .location a{  color:#727272; display:inline-block; position:relative; padding-left:15px; margin-left:10px;}
.nguide .location a:after{ content:"›"; position:absolute; left:0;}
.nguide .location a:first-child{ padding-left:0; margin-left:0;}
.nguide .location a:first-child:after{ display:none;}
.nguide .location a:hover{ color:#265fa2;}

.nsection{ padding:60px 0 100px 0;}

.pcalist .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.pcalist .item{ width:32%; position:relative; padding:3%; margin-right:2%;  background:#fff;}
.pcalist .item:nth-child(3n){ margin-right:0; }
.pcalist .item:hover{box-shadow: #e0e0e0 0 0 18px;background-color:#ffffff; }
.pcalist .item h3{ font-size:24px; font-weight:bold; text-align:center; margin:6% 0 8% 0px;}
.pcalist .item .nmmore{margin:30px auto 0 auto;}

.nmmore{ width:130px; padding-right:30px; line-height:40px; background:#fff; border:solid 1px #265fa2; text-align:center; }
.nmmore{ display:block; color:#265fa2; position:relative}
.item:hover .nmmore{color:#fff;background:#265fa2;}
.nmmore i{content: '';display: block;position: absolute;right:20px;top: 50%;transform: translateY(-50%);width:15px;height:11px;background: url(../images/morejt02.png)no-repeat center center;background-size:12px auto;}
.item:hover .nmmore i{animation: dongqilai3 1s infinite;background: url(../images/morejt.png)no-repeat center center;background-size:12px auto;}
@keyframes dongqilai3{
	from{right:20px;}
	50%{right:25px;}
	to{right:20px;}
}

.pslists .list{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.pslists .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#fff;}
.pslists .item:nth-child(3n){ margin-right:0;}
.pslists .item:hover{box-shadow: #e0e0e0 0 0 18px;}
.pslists .item .picout{overflow:hidden; background:url(../images/pbgrepro.jpg) no-repeat center center; background-size:cover; padding:6%; }
.pslists .item .picout .img-dv .img2{ width:auto; max-width:100%; min-height:auto; max-height:100%;}
.pslists .item .text{ text-align:center; padding:20px;}
.pslists .item .nmmore{margin:20px auto;}
.pslists .item:hover .text{color:#fff;background:#265fa2;}
.pslists .item:hover .nmmore{ border:solid 1px #fff;}


.nbrand ul{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nbrand li{ width: calc(20% - 16px);text-align: center; background:#fff; margin-right:20px; margin-bottom:20px}
.nbrand li:hover{box-shadow: #e0e0e0 0 0 18px;}
.nbrand li a{ display:block;height: 115px; }
.nbrand li:nth-child(5n){ margin-right:0}
.nbrand li:nth-child(5n+1){ clear:both}
.nbrand li img{display: inline-block;vertical-align: middle;max-width:68%;max-height:62%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s;}
.nbrand li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.nbrand li i{ display:inline-block; width:0; height:100%; vertical-align: middle;}
.nbrand .more{ margin:30px auto 0 auto;}


.pslists .pptext{ width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; margin-bottom:50px; }
.pptext .pplogo{ display:block;height: 115px; width:24%;  background:#fff; text-align:center; margin-right:40px;}
.pptext .pplogo img{display: inline-block;vertical-align: middle;max-width:75%;max-height:80%;}
.pptext .pplogo i{ display:inline-block; width:0; height:100%; vertical-align: middle;}

.pptext .intro{ display:inline-block; width:70% }
.pptext .intro p{ margin:5px 0;}
.pslists .conn{ margin-bottom:50px; padding:5%; background:#fff;}
.pslists .conn img{ max-width:100%; }
.pslists .conn .ntitle h3{ margin-top:0}
.ntitle{ margin-bottom:20px;}
.ntitle h3{ font-size:24px; font-weight:bold; margin:20px 0 0 0; color:#265fa2; }
.ntitle p{ color:#666;}

.protop{ position:relative; margin-bottom:80px;}
.protop .proll{ width:45%; position:relative; padding:50px; background: url(../images/pbgrepro.jpg) no-repeat center center; background-size: cover;}
.protop .pbrief{ width:45%;position:absolute; right:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%;}
.protop .pbrief .protitle{ border-bottom: 1px solid #d1d1d1; margin-bottom:20px; padding-bottom:20px;}
.protop .pbrief .protitle h3{ font-size:30px; font-weight:bold; color:#265fa2; }
.protop .pbrief .conn{ line-height:32px; color:#444;}
.protop .pbrief .use{ margin-top:30px;}

.protop .proll .swiper-button-prev,  .protop .proll .swiper-button-next{width: 50px; height: 50px;font-size: 30px;color: #fff;border-radius: 50%;background: no-repeat center;background-size: 12px auto;position: absolute; top:50%; left:30px;margin-top: -25px;-webkit-transition-duration: 0.4s;-moz-transition-duration: 0.4s;-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;transition-duration: 0.4s;background-color: rgba(31,45,61,.23)}
.protop .proll .swiper-button-prev {background-image: url(../images/arrow2.png);}
.protop .proll .swiper-button-prev:hover {background-color:#1c64a4}
.protop .proll .swiper-button-next {background-image: url(../images/arrow3.png); left:auto; right:30px;}
.protop .proll .swiper-button-next:hover { background-color:#1c64a4 }
.protop .proll .img-dv .img2{ width:auto !important; height:auto !important; min-height:auto !important; max-width:100% !important; max-height:100% !important;}


.npdpnav{ line-height:60px; height:60px; font-size:105%; border-bottom:solid 1px #ddd;}
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; }
.npdpnav li a{ color:#222; padding:0 35px; display:inline-block; white-space:nowrap;}
.npdpnav li.cur a{ background:#265fa2; color:#fff;}

.prodetail .lists .img-dv .img2{ width:auto !important; height:auto !important; min-height:auto !important; max-width:90% !important; max-height:90% !important;}
.prodetail .lists .section-wrapper .inn{ padding:45px 0 0 0; position:relative;}
.prodetail .lists .section-wrapper .pic{ width:35%; float:right; background: url(../images/pbgrepro.jpg) no-repeat center center; background-size: cover;}
.prodetail .lists .section-wrapper .text{ width:50%; float:left;}
.prodetail .lists .section-wrapper .text .more{ margin-top:50px; width:120px; line-height:45px; font-size:14px; padding-right:18px;}
.prodetail .lists .section-wrapper .text .conn{ color:#444;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}


.nmain.section{ padding-top:60px !important}

.npdpnav.fixeds{position:fixed; left:0%; top:90px !important; width:100%; padding:0 10%; z-index:9; background:#f4f7fa;}
.section-wrapper {margin-top: -160px;padding-top: 160px;}

.nmain .title h4{ margin-top:0; }


.nnews .newskuai:first-child{ margin-top:-20px;}
.nnews .newskuai:last-child{ margin-bottom:30px;}
.nnews .newskuai{position: relative;}
.nnews .newskuai a{ display:block; position:relative;}
.nnews .newskuai a:after{ content:""; position:absolute; right:120px; top:0; width:1px; height:100%; background:#e0e0e0;}
.nnews .newskuai:after{ position:absolute; z-index:-9;content: ""; height: 100%;left:0%;width:0px;background:rgb(249, 248, 247); top:0;transition: all 0.5s;}
.nnews .newskuai:hover:after{ width:100%;}
.nnews .newskuai .wrap{border-bottom: 1px solid #e0e0e0;padding: 30px 0; position:relative;}
.nnews .newskuai .pic{ overflow:hidden; float:left; width:28%;}
.nnews .newskuai .pic img{ width:100%; height:auto;cursor: auto;transition: all 1.5s;}
.nnews .newskuai:hover .pic img{transform:scale(1.1);}
.nnews .newskuai .wenzi{ float:left; width:calc(72% - 120px); padding: 0 2%;}
.nnews .newskuai .wenzi h3{ line-height:60px; font-size:20px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap; font-weight:bold}
.nnews .newskuai .wenzi p{ line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; color:#666}
.nnews .newskuai .date{ float:right; padding-left:2%; margin-top:30px; }
.nnews .newskuai .date h3{ font-size:32px; margin-bottom:10px; color:#666;}
.nnews .newskuai .date p{ font-size:20px; margin-bottom:30px; color:#999}
.nnews .newskuai .date .nmore{ width:12px; height:22px; background:url(../images/njianh.png) no-repeat left center;transition: all 1.5s;}
.nnews .newskuai:hover .date .nmore{ width:12px; height:22px; background:url(../images/njianb.png) no-repeat left center;transition: all 1.5s; margin-left:20px;}
.newsxiang{ color:#333}
.newsxiang img{ display:block; width:auto; max-width:100%; margin:0 auto; height:auto !important}
.newsxiang p{ margin:5px 0; }
.newsxiang .more{ text-align:center; margin:50px auto 0 auto}

.nvideo .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.nvideo .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#fff;}
.nvideo .item:nth-child(3n){ margin-right:0; }
.nvideo .item p{background:url(../images/video-icon.png) no-repeat left center; padding-left:25px; color:#666; margin:10px 20px 0 20px;}
.nvideo .item h3{ font-size:17px;padding:0px 20px 30px 20px;}
.nvideo .item .pic{ position:relative; overflow:hidden; margin-bottom:10px;}
.nvideo .item .pic:before{ content:""; display:block; padding-top:58.33333%}
.nvideo .item .pic img{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;width: 100%;height: 100%; object-fit:cover}
.nvideo .item .pic .icon{position:absolute;width:100%; height:100%; background:url(../images/video-btn.png) rgba(0,0,0,0.4) no-repeat center center; background-size:15% auto;left:0%; top:0%;opacity: 0.5;}
.nvideo .item .tit{ font-size:20px; font-weight:bold;color:#333; padding:20px 0; text-overflow:ellipsis; overflow:hidden; white-space: nowrap; -webkit-transition:.4s;-moz-transition:.4s;transition:.4s}
.nvideo .item .pic img,.sup01 .item.pic .ico{ -webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s;-o-transition:.8s;transition:.8s;}
.nvideo .item: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)}
.nvideo .item:hover .pic .icon{ opacity:1;background:url(../images/video-btn.png) rgba(0,0,0,0.2) no-repeat center center; background-size:15% auto;}
.nvideo .item:hover .tit{color: #e71e1d;}
.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)}


.ndown .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.ndown .conn .item{ width:49%; margin-right:2%; margin-bottom:2%;background:#fff; padding:20px; box-shadow: #e0e0e0 0 0 2px;}
.ndown .conn .item:hover{background-image: linear-gradient(45deg, #265fa2, #2c6ab4);box-shadow: #e0e0e0 0 0 18px; }
.ndown .conn .item a{ display:block; background: url(../images/file-pdf.png) no-repeat right center;background-size:auto 35px; }
.ndown .conn .item:hover a{background: url(../images/file-pdf02.png) no-repeat right center;background-size:auto 35px;}
.ndown .conn .item:nth-child(2n){ margin-right:0}
.ndown .conn .item p{background:url(../images/video-icon.png) no-repeat left center; padding-left:25px; color:#666;}
.ndown .conn .item h3{ font-size:17px;}
.ndown .conn .item:hover p, .ndown .conn .item:hover h3{ color:#fff}
.ndown .conn .item:hover p{background:url(../images/video-icon02.png) no-repeat left center;}


.naqlist li{ background:#fff; border-radius:8px; border:solid 1px #ddd; padding:14px 22px; margin-bottom:12px;}
.naqlist li:hover, .naqlist li.cur{box-shadow: #e0e0e0 0 0 18px;}
.naqlist li .aqlist_tit{background:url(../images/jia.png) no-repeat right center; line-height:24px; padding:5px 40px 5px 0 ;}
.naqlist li.cur .aqlist_tit{background:url(../images/jian.png) no-repeat right center;}
.naqlist .aqlist_tit{ line-height:30px; color:#000;  font-weight:bold; font-size:16px;}
.naqlist li.cur .aqlist_tit {color:#1c64a4}
.naqlist li.cur .aqlist_tit span{ display:none}
.naqlist .aqlist_con{ display:none;color:#666;padding-top:5px; position:relative;}
.naqlist .aqlist_con .cheng{ color:#265fa2}

.nabout.nsection{ padding:80px 0 100px 0;}
.nabout .wrap{ position:relative}
.nabout .images{ width:50%; position:absolute; left:0; top:0; height:100%}
.nabout .images img{ display:block; width:100%; height:100%;}
.nabout .text{ width:46%; float:right;}

.nabout .text .abcon{ opacity:0.7;}
.nabout .text .abcon p{ margin-bottom:10px;}





.nab02 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.nab02 .conn .item{ width:49%; margin-right:2%; margin-bottom:2%;background:#fff; border:solid 1px #ddd;}
.nab02 .conn .item .pic{ overflow:hidden;}
.nab02 .conn .item:hover{box-shadow: #e0e0e0 0 0 18px;}
.nab02 .conn .item:nth-child(2n){ margin-right:0; }
.nab02 .wenzi{ padding:25px 25px 40px 25px;}
.nab02 .conn h3{ font-weight:bold;}

.nab03 .swiper-slide { padding:2%; margin-bottom:50px; box-shadow: 0px 0px 1rem 2px rgba(0, 0, 0, 0.05); background:#fff; }
.nab03 .swiper-slide:hover{box-shadow: #e0e0e0 0 0 18px;}
.nab03 .swiper-slide .text{ text-align:center; padding:0 10px; height:40px;display:flex;align-items:center; text-align:center }
.nab03 .swiper-slide .text p{ display:block; width:100%;}
.nab03 .img-dv .img2{ min-height:auto; }
.nab03 .swiper-pagination-bullet{ width:12px; height:12px; opacity:1; background:#bdcfe3; border-radius:6px; bottom:0 !important; }
.nab03 .swiper-pagination-bullet-active{ width:35px; height:12px; background:#265fa2;}
.nab03 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;}

.contact01 .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center; padding-top:10px;}
.contact01 .conn .item{ width:32%; margin-right:2%; background-color:#fff; padding:40px 20px 50px 20px; text-align:center}
.contact01 .conn .item:hover{box-shadow: #e0e0e0 0 0 18px;}
.contact01 .conn .item:nth-child(3n){ margin-right:0; }
.contact01 .conn .item .icon{ width:80px; height:80px; margin:0 auto 20px auto; background:#1c64a4; border-radius:50%;}
.contact01 .conn .item .icon img{ padding:30%; width:100%; display:block;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.contact01 .conn .item:hover .icon img{-webkit-animation: tada cubic-bezier(.17, .78, .38, .89) .8s; animation: tada cubic-bezier(.17, .78, .38, .89) .8s;}
.contact01 .conn .item h3{ font-size:17px; margin-bottom:10px;}
.contact01 .conn .item p{ opacity:0.8; line-height:26px;}

.map{ height:500px; margin-top:50px;}
.nhr .conn{display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: flex-start;}
.nhr .conn .item.item{ width:32%; margin-right:2%; margin-bottom:2%;background:#fff; /*box-shadow: 8px 4px 18px 4px rgba(0, 0, 0, .05); */padding:4% 4% 6% 4%; text-align:center; margin-bottom:50px;}
.nhr .conn .item:nth-child(3n){ margin-right:0; }
.nhr .conn .item .icon{ width:120px; height:120px; display:flex;align-items:center; margin:0 auto 15px auto; border-radius:50%; border:solid 1px #ddd; text-align:center}
.nhr .conn .item .icon img{ display: block; width:auto; height:auto; max-height:75px; max-width:75px; margin:0 auto}
.nhr .conn .item .text h3{ font-weight:bold; font-size:20px; margin-bottom:15px;}
.nhr .conn .item .text p{ color:#444;}


.hrtop{ font-size:18px;padding:0px 30px;display:flex; display:-webkit-flex; line-height:60px; font-weight:bold;background:#0069a7; 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; 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) #f3f4f8 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;}


.pslists .kuai{ margin-bottom:40px; position:relative}
.pslists .kuai .pbrand{width:240px; position:absolute; left:0%;-moz-transform:translate(-0%,-50%);-webkit-transform:translate(-0%,-50%);transform:translate(-0%,-50%); top:45%; }
.pslists .kuai .pbrand .img{ margin-bottom:20px;}
.pslists .kuai .pbrand .img img{display:block; width:100%; height:auto; }
.pslists .kuai .pbrand h3{ font-size:20px; }

.pslists .kuai .rolls { width:calc(100% - 240px); margin-left:280px;}
.pslists .kuai .rolls .swiper-slide{ background:#fff; margin-bottom:45px;}
.pslists .kuai .rolls .swiper-slide:hover{box-shadow: #e0e0e0 0 0 18px;}
.pslists .kuai .rolls .swiper-slide .picout{overflow:hidden; background:url(../images/pbgrepro.jpg) no-repeat center center; background-size:cover; padding:6%; }
.pslists .kuai .rolls .swiper-slide .picout .img-dv .img2{ width:auto; max-width:100%; min-height:auto; max-height:100%;}
.pslists .kuai .rolls .swiper-slide .text{ text-align:center; padding:20px;}
.pslists .kuai .rolls .swiper-slide .nmmore{margin:20px auto;}
.pslists .kuai .rolls .swiper-slide:hover .text{color:#fff;background:#265fa2;}
.pslists .kuai .rolls .swiper-slide:hover .nmmore{ border:solid 1px #fff;}

.pslists .kuai .rolls .swiper-pagination{bottom:0 !important; text-align:center;}
.pslists .kuai .rolls .swiper-pagination-bullet{ width:10px; height:10px; opacity:1; background:#bdcfe3; border-radius:5px; }
.pslists .kuai .rolls .swiper-pagination-bullet-active{ width:30px; height:10px; background:#265fa2;}
.pslists .kuai .rolls .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}

.pdetails .pdtop{ margin-bottom:40px;}
.pdetails .pdtop .picout{ width:32%; float:left; overflow:hidden; background:#fff/*url(../images/pbgrepro.jpg) no-repeat center center; background-size:cover*/; padding:2%;}
.pdetails .pdtop .pic.img-dv .img2{ width:auto; max-width:100%; min-height:auto; max-height:100%;}
.pdetails .pdtop .intro{ width:60%; float:right; margin-top:2% }
.pdetails .pdtop .intro h3{border-bottom: 1px solid #d1d1d1; margin-bottom:20px; padding-bottom:20px; font-size:24px; font-weight:bold; color:#265fa2; }
.pdetails .pdtop .intro .inconn{ line-height:32px; color:#444; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}

.pdetails .conntent{ padding:50px; background:#fff; }
.pdetails .conntent img{ width:auto; max-width:100%; }
.pdetails .conntent .kuai{ margin-bottom:35px; }
.pdetails .conntent .ktitle { position:relative; padding-left:18px; font-size:24px; font-weight:bold;border-bottom:solid 1px #ddd; padding-bottom:15px;}
.pdetails .conntent .ktitle:after{ content:""; position:absolute; left:0; top:50%; margin-top:-20px; width:5px; height:26px; background:#265fa2; }

.pdetails .conntent .ktitle02 { position:relative; line-height:55px; margin-top:25px; padding-left:18px; font-size:20px; font-weight:bold; background:#265fa2; color:#fff}

.pdetails .conntent .nr{ padding:30px 0;}
.pdetails .conntent .nr .blue{margin-bottom: 15px; font-weight: bold; font-size: 20px; color:#265fa2;}
.pdetails .conntent .nr table .blue{ font-size:15px;}
.pdetails .conntent .nr strong{ font-size:110%;}
.pdetails .conntent img{ display:block; margin:0 auto; max-width:1200px;}
.pdetails .conntent .list img, .pdetails .conntent .lista img{ display:block; width:100%;}

.pdetails .conntent .list{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;  }
.pdetails .conntent .list img{ display:block; width:100%; height:auto;}
.pdetails .conntent .list.list03 .item{ width:32%; margin-right:2%; border:solid 1px #ddd; border-radius:10px;}
.pdetails .conntent .list.list03 .item:nth-child(3n){ margin-right:0}

.pdetails .conntent .list.list0004 .item{ width:23.5%; margin-right:2%; margin-top:45px; border:solid 1px #ddd; border-radius:10px;}
.pdetails .conntent .list.list0004 .item:nth-child(4n){ margin-right:0}

.pdetails .conntent .list.list02{ max-width:1200px; margin:0 auto; }
.pdetails .conntent .list.list02 .item{ width:48%; margin-right:4%; margin-top:25px;}
.pdetails .conntent .list.list02 .item:nth-child(2n){ margin-right:0}

.pdetails .conntent .list.list003{ max-width:1200px; margin:0 auto; }
.pdetails .conntent .list.list003 .item{ width:32%; margin-right:2%; margin-top:25px; text-align:center;}
.pdetails .conntent .list.list003 .item:nth-child(3n){ margin-right:0}

.pdetails .conntent .list.list004{ max-width:1200px; margin:0 auto; }
.pdetails .conntent .list.list004 .item{ width:23.5%; margin-right:2%; margin-top:25px; text-align:center;}
.pdetails .conntent .list.list004 .item:nth-child(4n){ margin-right:0}

.pdetails .conntent .list.list04 .item{ width:23.5%; margin-right:2%; margin-bottom:2%; border-radius:10px;background: #f4f7fa; padding:20px 20px 30px 20px;}
.pdetails .conntent .list.list04 .item:nth-child(4n){ margin-right:0}
.pdetails .conntent .list.list04 .item h3{ margin-top:20px;}

.pdetails .conntent .prfr{ display:block; float:right; width:auto; max-width:450px;}

.pdetails .conntent .list .item .num{ background:url(../images/num.png) no-repeat center center; line-height:86px; margin-top:-43px; color:#fff; background-size:auto 100%; font-size:40px; text-align:center; font-family:'Impact'; z-index:999; display:block}
.pdetails .conntent .list .item .wz{padding:55px 25px 30px 25px; margin-top:-40px; position:relative;line-height:30px; text-align: center; display:block}
.pdetails .conntent .list .item h3{ font-weight:bold; font-size:110%; margin-bottom:15px;}
.pdetails .conntent .list .item .wz p{ line-height:28px; margin-bottom:5px; font-size:15px; color:#666; text-align:left; position:relative; padding-left:16px;}
.pdetails .conntent .list .item .wz p:after{ content:""; position:absolute; left:0; top:12px; width:4px; height:4px; background:#666; border-radius:50%; }

.pdetails .conntent .lista{ position:relative; margin-top:25px;}
.pdetails .conntent .lista .item{ width:48%}
.pdetails .conntent .lista .item:nth-child(2){ position:absolute; bottom:0; right:0; }
.pdetails .conntent .lista .item:nth-child(2) table{ text-align:center; border-top:solid 1px #333; border-left:solid 1px #333;}
.pdetails .conntent .lista .item:nth-child(2) table td{ border-bottom:solid 1px #333; border-right:solid 1px #333;}
.pdetails .conntent .lista .item:nth-child(2) table tr:nth-child(1) td{ background:#265fa2; color:#fff; padding-top:8px; padding-bottom:8px; font-weight:bold;}

.pdetails .conntent .list .item .ban{ width:48%; float:left;}
.pdetails .conntent .list .item .ban:nth-child(2n){ float:right}

.white{ color:#fff}


.piaoyou{ position:absolute; right:0; bottom:0; text-align:right}

.pdetails img{ display:block; width:auto; max-width:100%;}
.pdetails .conntent .canshu table{ text-align:center; border-top:solid 1px #333; border-left:solid 1px #333; }
.pdetails .conntent .canshu table td{ border-bottom:solid 1px #333; border-right:solid 1px #333; padding:5px 10px; text-align:left;}

.pdetails .conntent .canshu table .bg01{ background:#265fa2; color:#fff; font-weight:bold;}
.pdetails .conntent .canshu table .bg02{ background:#e9eff6}

.huadong{ overflow-x: auto;}

.pdetails .conntent .row{ margin-bottom:30px; clear:both;}
.pdetails .conntent .row .wz{ width:70%; float:left;}
.pdetails .conntent .row .tu{ width:20%; float:right}
.pdetails .conntent .row .tu img{ display:block; width:auto; max-width:100%; }
.pdetails .conntent .row.row02 .wz{ float:right;}
.pdetails .conntent .row.row02 .tu{ float:left}