@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:"Source Han Sans CN","PingFang SC","Heiti SC","Microsoft Yahei",Helvetica,Arial,sans-serif; font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#222; }
a{color:#333; text-decoration:none;outline:none; }
a:hover{text-decoration:none; color:#015eb1; }
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 ;}
.blue{ color:#015eb1}

.section{ padding:60px 0;}
.nmain.section{ padding:60px 0 100px 0;}


#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ position: absolute;  margin-top:-72px;}
.wrap{ width:80%; max-width:1440px; margin:0 auto}

.jvzhong{ text-align:center}
.title { margin-bottom:35px;}
.title h3{ font-size:42px; line-height:60px; font-weight:bold; width:auto;display:flex;display:-webkit-flex;justify-content:center; position:relative; }
.title h3 span{ font-size:16px; padding:0 15px;}
.title h3 .line, .title h3 .line02{width:40px; height:2px; background: linear-gradient(130deg, #444, #4443); margin-top:30px;}
.title h3 .line02{background: linear-gradient(130deg, #4443, #444);}


.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%}
.mbg{ background:#f8f8f8;}

.header{width: 100%;top:0;left:0;position:fixed; z-index:9999; background:#fff; height:72px;}
.header.scroll, .header:hover{ background:#fff;box-shadow: 0 0 15px rgba(0,0,0,0.1);} 
.header .logo{ font-size:36px; font-weight:bold; line-height:72px; float:left; margin-right:120px;}
.header .menu{ float:left; }
.header .menu li{ display:inline-block;}
.header .menu li .menu_a{ line-height:72px; display:block; font-size:17px; position:relative; margin:0 20px}
.header .menu li.arrow .menu_a{margin:0 25px 0 20px}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#015eb1;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%); bottom: 12px;-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{ color:#015eb1;}
.header .menu li.arrow .menu_a:before{ content:""; position:absolute; right:-20px; 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 .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:50px 0; }
.header .menu li .subchang .item{ float:left;width:calc(16.666% - 15px); margin-right:18px; margin-bottom:2%; padding:20px 0; text-align:center; background:#f8f8f8; border-radius:20px; }
.header .menu li .subchang .item:hover{ background:#015eb1}
.header .menu li .subchang .item:hover a{ color:#fff}
.header .menu li .subchang .item:nth-child(6n){ margin-right:0;}
.header .menu li .subchang .item .icon{ display:block; width:40%; max-width:50px; margin:0 auto 15px auto; }
.header .menu li .subchang .item .icon img{ display:block; width:100%; height:auto}
.header .menu li .subchang .item:hover .icon img{ filter: grayscale(100%) brightness(2000%);}
/*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 .login{ line-height:36px; height:36px; float:right; margin:18px 0; background:#015eb1; padding:0 15px; border-radius:20px;  color:#fff; font-size:14px;}
.header .login:hover{ opacity:0.9;}
.header .login a{ color:#fff; display:inline-block; padding:0 3px;}


.banner{ background:url(../images/banner.jpg) no-repeat center center; text-align:center; height:450px; margin-top:72px; position:relative;}
.banner .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:49%; color:#fff; width:100%;}
.banner .text h3{ font-size:45px; font-weight:bold; margin-bottom:45px;}
.banner .text form{ width:100%; max-width:700px; padding:5px 5px 5px 25px; line-height:36px; border-radius:25px; background:#fff; margin:0 auto;}
.banner .text form .inp{ line-height:36px; height:36px; border:none; float:left; width:calc(100% - 100px);}
.banner .text form  .search_btn{background:url(../images/search-btn1.png) #015eb1 no-repeat 15px center; background-size:15px auto; padding-left:15px; cursor:pointer; color:#fff; font-size:14px; line-height:36px; height:36px; width:85px; float:right;border-radius:25px; border:none; }
.banner .text form  .search_btn:hover{ opacity:0.8; }

.plist .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.plist .item{ width:calc(16.666% - 12.5px); border:solid 1px #dedede;  margin-right:15px; margin-bottom:1%;}
.plist .item:nth-child(6n){ margin-right:0}
.plist .item h3{ line-height:50px; background:#015eb1; position:relative; padding:0 0 0 35px; font-size:17px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.plist .item h3 a{ color:#fff;}
.plist .item h3 i{ position:absolute; left:10px; top:50%; margin-top:-10px;}
.plist .item h3 i img{ display:block; width:20px; filter: grayscale(100%) brightness(2000%);}
.plist .item .con{ padding:12px 12px 30px 12px;}
.plist .item .con .inn{line-height:35px; overflow-y:auto; }
.plist .item .con .inn::-webkit-scrollbar { width: 2px;height: 2px;}
.plist .item .con .inn::-webkit-scrollbar-thumb {background: #015eb1;}
.plist .item .con .inn::-webkit-scrollbar-track {background: rgba(1, 94, 177, 0.1);}
.plist .item .con p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.plist .item .con p a{ display:block; padding-left:15px; position:relative;}
.plist .item .con p a:after{ content:""; width:4px; height:4px; border-radius:50%; left:0; top:50%; margin-top:-2px; background:#ddd; position: absolute;}
.plist .item .con p:hover a:after{ background:#015eb1; }


.ad img{ display:block; width:100%; height:auto;}
.ad h3{ font-size:45px; font-weight:bold; color:#fff; line-height:60px; margin-bottom:20px;}
.ad p{ color:#fff; font-size:30px;}
.ad .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%;}
.ad .swiper-pagination{bottom:20px !important;}
.ad .swiper-pagination-bullet{width: 8px;height: 8px;background-color: rgba(255,255,255,0.7);opacity: 1;margin:0 10px!important;position: relative;}
.ad .swiper-pagination-bullet:after{content: '';border: 1px solid rgba(255,255,255,0.7);border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.ad .swiper-slide-active{z-index: 2;}
.ad .swiper-pagination-bullet-active{ background:#fff; }
.ad .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #fff; }

.isupplier a{ display:block; }
.isupplier .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.isupplier .conn .item{ width:calc(33.33% - 12px); margin-right:18px; margin-bottom:18px;border:solid 1px #dedede; display:table; padding: 10px 15px; }
.isupplier .conn .item:nth-child(3n){ margin-right:0; }
.isupplier .conn .item .pic{ width:45%; display: table-cell; vertical-align: middle;}
.isupplier .conn .item .img-dv .img2{ min-width:auto; min-height:auto !important; max-width:100%; max-height:100%;}
.isupplier .conn .item .text{ width:55%; display: table-cell; vertical-align: middle; padding-left:20px;}
.isupplier .conn .item .text h3{ font-size:18px; font-weight:bold; line-height:28px; margin-bottom:5px;}
.isupplier .conn .item .text p{ color:#666;}
.isupplier .roll{ margin-top:20px;}


.more{ margin:50px auto 30px auto; text-align:center;}
.iparter .more{ margin-top:30px}
.more a{ display: inline-block; position:relative; width:80%; max-width:280px; line-height:55px; background:#015eb1; color:#fff; text-align:center; padding-right:20px; border-radius:28px; overflow:hidden; } 
/*.more a::before {position: absolute;content: "";left: 0;top: 0;height: 0%;width:0%;transition: .5s;background:#fa514c;border-radius: 0px 0px 100px 0px;transition: 0.5s;}
.more a:hover::before{height: 100%;width: 100%;border-radius: 0; }
*/
.more a span{ position:relative; display: block; z-index:22; background: url(../images/bnext.png) no-repeat 95% center; background-size:8px auto; }
.more a:hover{ opacity:0.8; }

.iparter .conn{ position:relative; }
.div1, .div2{ width: 100%;height:120px;position: relative !important;overflow: hidden !important;}
.div1 ul{position:absolute;left: 0;top: 0;}
.iparter li {float: left;list-style: none;}
.div2 ul{position:absolute;right: 0;top: 0;}
.iparter li {float: left;list-style: none; width:220px; height:120px; text-align:center;}
.iparter li .inn{ background:#fff !important;box-shadow: 0 0 10px rgba(0,0,0,0.06); border-radius:15px; position:relative; width:200px; height:100px; margin:0px 5px 20px 5px;}
.iparter img{display: inline-block; vertical-align: middle; max-width:66%;max-height: 56%;-webkit-transition: .8s;-moz-transition: .8s;transition: .8s; }
.iparter li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);transform:scale(1.05)}
.iparter li i{ display:inline-block; width:0; height:100%; vertical-align: middle;}


.inews .swiper-slide{ border:solid 1px #ddd; margin-bottom:50px;}
.inews .swiper-slide .text{ padding:20px 20px 40px 20px;}
.inews .swiper-slide .text h4{ color:#015eb1; margin-bottom:5px;}
.inews .swiper-slide .text h3{ font-size:20px; color:#222;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:60px;}
.inews .swiper-slide .date{ color:#999; padding:0 20px; line-height:60px; border-top:solid 1px #ddd; background:url(../images/pnext02.png) no-repeat calc(100% - 20px) center; background-size:16px auto;}
.inews .swiper-pagination{ bottom:10px !important;}

.inews .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #d2d2d2;opacity: 1;margin:0 12px!important;position: relative;}
.inews .swiper-pagination-bullet:after{content: '';border: 1px solid #015eb1;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.inews .swiper-slide-active{z-index: 2;}
.inews .swiper-pagination-bullet-active{ background:#015eb1; }
.inews .swiper-pagination-bullet-active:after{opacity: 1;}


.footer{  background:#222222; position:relative;font-size:15px;}
.footer, .footer a{ color:rgba(255,255,255, 0.8)}
.footer a:hover{ color:#fff;}
.footer .ftop{ line-height:60px; background:#1c1c1c;font-size:17px; }
.footer .ftop ul{ border-left:solid 1px rgba(255,255,255,0.1); }
.footer .ftop li{ float:left; padding:0 45px; border-right:solid 1px rgba(255,255,255,0.1)}
.footer .fcontent ul{ width:70%; border-bottom:solid 1px rgba(255,255,255,0.1);padding:20px 0 40px 0; }
.footer .fcontent li{ float:left; width:50%; line-height:40px; padding-left:30px;}

.footer .fcontent li.tel{background: url(../images/f1.svg) no-repeat left center; background-size:16px auto; }
.footer .fcontent li.add{background: url(../images/f4.svg) no-repeat left center; background-size:16px auto; }
.footer .fcontent li.mail{background: url(../images/f2.svg) no-repeat left center; background-size:16px auto; }
.footer .fcontent li.web{background: url(../images/web.png) no-repeat left center; background-size:16px auto; }

.footer .copyright{ padding:20px 0 30px 0; }

.footer .wcode{ position:absolute; top:0; right: calc(50% - 720px); text-align:center; width:160px; }
@media screen and (max-width:1800px){
.footer .wcode{right:10%}
}
.footer .wcode .backtop{ line-height:60px;background: url(../images/morejt03.png) #383838 no-repeat 20% center;background-size:10px auto; display:block; cursor:pointer;}
.footer .wcode .backtop:hover{background: url(../images/morejt03.png) #015eb1 no-repeat 20% center;background-size:10px auto; }
.footer .wcode .weixin{ padding:15px; background:#2b2b29}
.footer .wcode .weixin img{ display:block; width:100%; height:auto;}



.tanchu-sub {left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;width: 90%;max-width: 360px; height:400px;position: fixed;z-index: 9999;background: #fff;display: none;border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);-moz-box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.25);}

.tanchu-sub.cur {display: block;}
.tanchu-sub .closed {position: absolute;width: 20px;height: 20px;background: url(../images/closeblue.png) no-repeat;background-size: cover;right: 40px;top: 40px;cursor: pointer;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;z-index: 999999;}
.tanchu-sub .closed:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.tanchu-sub .conn {padding: 40px;position: absolute;width: 100%;left: 50%;-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);top: 50%;max-height: 100%;overflow-y: auto;}
.tanchu-sub .conn h3 {font-size: 30px;margin-bottom: 25px;}

.tanchu-sub .row1,.tanchu-sub .row2 {position: relative;clear: both;margin-bottom: 15px;}
.tanchu-sub label {position: absolute;left: 0;top: 0;line-height: 44px;padding-left: 15px;}
.tanchu-sub label span {color: #015eb1;display: inline-block;width: 10px;}
.tanchu-sub .inp {width: 100%; border-radius: 3px;color: #666;border: none;line-height: 44px;height: 44px;padding: 0 15px;transition: border-color 0.5s;padding-left:80px;background: #fff; border:1px solid #dcdee2}
.tanchu-sub textarea {width: 100%;border-radius: 5px;color: #666;border-radius: 3px;height: 120px;display: block;border: none;background: #fefaf9;line-height: 30px;padding: 15px;transition: border-color 0.5s;padding: 7px 7px 7px 105px;}
.tanchu-sub .submit {text-align: center;transition: 0.5s; clear:both; -webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;-o-transition: 0.3s; margin:20px auto; display: block;}
.tanchu-sub .submit {width: 100%; float:none; clear:both;  max-width:320px; border-radius: 5px;border: none;line-height: 45px;height: 47px;color: #fff;padding-right: 35px;background: url(../images/morejt.png) #015eb1 no-repeat 68% center; background-size:18px auto;cursor: pointer;}
.tanchu-sub .submit:hover {background: url(../images/morejt.png) #015eb1 no-repeat 70% center;background-size:18px auto;}
.wbg {background-color: rgba(0, 0, 0, 0.85);z-index: 9998;width: 100%;height: 100vh;position: fixed;left: 0;top: 0;display: none;}
.wbg.cur {display: block;}
.tanchu-sub .row3{ clear:both}
.register-sub {max-width: 640px;}
.register-sub .row2{ float:left; width:48%; clear:none; }
.register-sub .row2:nth-child(2n){ float:right; }



.nbanner{ margin-top:72px; 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:50%; color:#fff; width:100%;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
.nbanner .text h3{ margin-bottom:20px; font-size:45px; font-weight:bold; line-height:50px;}
.nbanner .text p{ font-size:18px;}
.nbanner .text p a{ color:#fff;}

.location{ line-height:50px; background-color: #f3f3f3;  position:relative;}
.location .loc{background:url(../images/location.png) no-repeat left center; padding-left:25px; float:left; color:#888;}
.location .loc a{ color:#666}


.nnews .newslist li:first-child{ margin-top:-40px;}
.nnews .newslist li .nmore{ margin-top:15px; font-size:14px; padding-left:30px;transition: 0.5s; position:relative; color:#999}
.nnews .newslist li .nmore:after{ content:""; position:absolute; width:20px; height:20px; left:0; top:5px; border-radius:50%; background:url(../images/morejt.png) no-repeat #d8d8d8 center center; background-size:12px auto;}
.nnews .newslist li .nmore:hover{ padding-left:35px;}
.nnews .newslist li:hover .nmore:after{background:url(../images/morejt.png) no-repeat #015eb1 center center; background-size:12px auto;}

.newslist li{border-bottom: 1px solid #ededed;padding:40px 0;overflow: hidden; position:relative; overflow:hidden}
.newslist li:before{position: absolute;content: "";width: 100%;height: 2px;left:-100%;bottom: 0;background-color: #015eb1;transition: 0.6s cubic-bezier(0.3, 0, 0.24, 1);}
.newslist li:hover:before{ left:0;}
.newslist li a{ display:block; position:relative}
.newslist li .pic{width:20%; max-height:175px;border: 1px solid #e2e2e2;overflow: hidden; float:left}
.newslist li .pic img{width: 100%;height: 100%;display: block; -moz-transition:.8s;-webkit-transition:.8s;transition:.8s}
.newslist li .txt{width: calc(74% - 130px);margin-right: 3%; margin-left:3%; float:left}
.newslist li .txt .tit{font-size: 22px;line-height: 30px;color: #333;overflow:hidden;margin:12px 0;-webkit-transition:.5s;-moz-transition:.5s; transition:.5s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newslist li .txt .intro{font-size: 15px;line-height: 26px;color: #888; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;}
.newslist li .time{border-left: 1px solid #ededed;text-align: center;width: 130px; padding-left:20px; position:absolute; right:0; top:50%; margin-top:-45px;}
.newslist li .time span{ display:block}
.newslist li .time span:first-child{font-size: 52px;line-height: 56px;color: #333;font-weight: bold;}
.newslist li .time span:last-child{font-size: 16px;line-height: 32px;color: #666;}
.newslist li:hover .txt .tit{ color:#015eb1}
.newslist li:hover .pic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1); transform:scale(1.1)}


.nnewsx .newstitle{ position:relative; margin-bottom:25px; border-bottom:solid 1px #e2e2e2; padding-bottom:30px;}
.nnewsx .newstitle h3{ font-size:24px; font-weight:bold; margin-bottom:8px;}
.nnewsx .newstitle p{ color:#888; font-size:14px;}
.nnewsx .newstitle p span{ color:#999}
.nnewsx .newstitle .back{ width:140px; position:absolute; right:0; bottom:30px; }
.nnewsx .newstitle .back a{ margin-top:5px; display:block; width:140px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px;background:url(../images/morejt.png) #015eb1 no-repeat 80% center; background-size:16px auto; padding-right:40px; transition: 0.5s;border-radius:10px; overflow:hidden;}
.nnewsx .newstitle .back a:hover{background:url(../images/morejt.png) #015eb1 no-repeat 85% center; background-size:16px auto; border-radius:20px; }
.nnewsx img, .nprox img{ display:block; width:auto; max-width:100%;margin: 10px auto;}
.nnewsx .newsxconn{ opacity:0.8;}

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



.nabout01 .pic{ float:left; width:45%;}
.nabout01 .wenzi{ float:right; width:45%; margin-top:3%;}
.nabout01 .wenzi .intro{ line-height:35px; opacity:0.8}
.nabout01 .wenzi .intro p{ padding:10px 0; font-size:17px;}



.nabout02{color:#fff;background:url(../images/comVision-bg.jpg) no-repeat center center / cover;}
.nabout02.section{ padding:100px 0 130px 0}
.nabout02 .title .line, .nabout02 .title .line02{ background: linear-gradient(130deg, #fff, #3e679f);}
.nabout02 .title .line02{ background: linear-gradient(130deg, #3e679f, #fff);}
.comVision-list li{padding:0 2.5%;width:25%;text-align:center;float:left;margin:20px 0 0;}
.comVision-list .comVision-icon{display:block;width:130px;height:130px;line-height:128px;font-size:0px;border:1px solid rgba(255,255,255,.3);border-radius:100%;position:relative;margin:0 auto;}
.comVision-icon img{width:100%;height:100%;position:relative;z-index:2;}
.comVision-list li .name{line-height:35px;font-size:20px;margin:27px 0 0;}
.comVision-list li .con{line-height:24px;margin:20px 0 0;}
.comVision-icon .icon{display:block;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:2;}
.comVision-icon .icon.icon1{background:url(../images/comVision-1.png) no-repeat center center / cover;}
.comVision-icon .icon.icon2{background:url(../images/comVision-2.png) no-repeat center center / cover;}
.comVision-icon .icon.icon3{background:url(../images/comVision-3.png) no-repeat center center / cover;}
.comVision-icon .icon.icon4{background:url(../images/comVision-4.png) no-repeat center center / cover;}
.comVision-icon .red-bak{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;border-radius: 100%;background:#fff;opacity:0;}
.comVision-list li:hover .comVision-icon{border:1px solid rgba(255,255,255,0)}
.comVision-list li:hover .comVision-icon .red-bak{-webkit-animation:flipInY2 1s .1s ease both; -moz-animation:flipInY2 1s .1s ease both;opacity:1;}
@-webkit-keyframes flipInY2{
0%{-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-5deg)}
70%{-webkit-transform:perspective(400px) rotateY(5deg)}
100%{-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1}
}
@-moz-keyframes flipInY2{
0%{-moz-transform:perspective(400px) rotateY(90deg);
opacity:0}
40%{-moz-transform:perspective(400px) rotateY(-5deg)}
70%{-moz-transform:perspective(400px) rotateY(5deg)}
100%{-moz-transform:perspective(400px) rotateY(0deg);
opacity:1}
}

.comVision-list li:hover .comVision-icon .icon.icon1{background-image:url(../images/comVision-1-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon2{background-image:url(../images/comVision-2-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon3{background-image:url(../images/comVision-3-2.png);}
.comVision-list li:hover .comVision-icon .icon.icon4{background-image:url(../images/comVision-4-2.png);}


.eqlists {display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.eqlists li{ width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px; overflow:hidden;background: #f3f3f3; }
.eqlists li:nth-child(3n){ margin-right:0}
.eqlists li .pic{background:#fff; margin:10px;}
.eqlists li .pic .img2{ max-width:100% !important;max-height:100% !important;}

.eqlists li .wenzi{ text-align:center; padding:10px 20px 20px 20px; font-size:18px; position:relative; position:relative;}
.eqlists li .wenzi:after{ content:""; position:absolute; left:-100%; height:4px; width:100%; bottom:0;  background:#015eb1;transition: 0.5s;}
.eqlists li:hover .wenzi:after{ left:0}


.nsupplier .text{ background:#015eb1; padding:12px 20px;}
.nsupplier .text h3{ font-size:16px; color:#fff; text-align:center}

.nsupplier .swiper-slide{ margin-bottom:50px;}
.nsupplier .swiper-pagination{ bottom:10px !important;}

.nsupplier .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #d2d2d2;opacity: 1;margin:0 12px!important;position: relative;}
.nsupplier .swiper-pagination-bullet:after{content: '';border: 1px solid #015eb1;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nsupplier .swiper-slide-active{z-index: 2;}
.nsupplier .swiper-pagination-bullet-active{ background:#015eb1; }
.nsupplier .swiper-pagination-bullet-active:after{opacity: 1;}


.nsupplierintro table{ border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; color:#444}
.nsupplierintro td{ border-left:solid 1px #ddd; border-top:solid 1px #ddd; padding:12px; }
.nsupplierintro tr td:nth-child(2n+1){ background:#d6ecff; font-weight:bold; }


.nguide{ padding:20px 0 50px 0}
.nguide .yiji{position:relative; z-index:68}
.nguide .yiji .item{ float:left;width:calc(16.666% - 15px); margin-right:18px; margin-bottom:2%; padding:15px 0; text-align:center; background:#fff; border-radius:20px; font-size:18px;}
.nguide .yiji .item:hover, .nguide .yiji .item.cur{ background:#015eb1}
.nguide .yiji .item:hover a, .nguide .yiji .item.cur a{ color:#fff}
.nguide .yiji .item:nth-child(6n){ margin-right:0;}
.nguide .yiji .item .icon{ display:block; width:40%; max-width:46px; margin:0 auto 5px auto; }
.nguide .yiji .item .icon img{ display:block; width:100%; height:auto}
.nguide .yiji .item:hover .icon img, .nguide .yiji .item.cur .icon img{ filter: grayscale(100%) brightness(2000%);}
.nguide .kuai a{ border-radius:5px; margin-bottom:5px;}
.nguide .kuai a:hover, .nguide .kuai a.cur{ background:#015eb1; color:#fff;}
.nguide .kuai h3 { font-size:16px;}
.nguide .kuai h3 a{ display:inline-block; margin-right:10px; padding:8px 15px; position:relative}
.nguide .kuai h3 a:after{ content:""; position:absolute; left:50%; bottom:0px; border-left:solid 6px transparent; border-right:solid 6px transparent; border-bottom:solid 6px #fff; margin-left:-3px;}
.nguide .kuai p { background:#fff; border-radius:15px; padding:25px;}
.nguide .kuai p a{ display:inline-block; margin-right:10px; padding:5px 10px;}


.nlist .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nlist .conn .item{ width:calc(20% - 14.4px);  margin-bottom:18px;border:solid 1px #dedede; margin-right:18px; }
.nlist .conn .item:nth-child(5n){ margin-right:0; }
.nlist .conn .item .img-dv .img2{ min-width:auto; min-height:auto !important; max-width:calc(100% - 20px); max-height:100%; margin:10px;}
.nlist .conn .item .text {margin:0 0 10px 10px ; max-width:calc(100% - 20px);background:#f8f8f8;  position:relative; border-radius:5px;overflow: hidden; }
.nlist .conn .item .text p{ text-align:center; display:block; padding:10px 0; border-radius:5px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position:relative; z-index:998;}
.nlist .conn .item .text:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:0;background:#015eb1;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s; }
.nlist .conn .item:hover .text:after{ height:100%}
.nlist .conn .item:hover p{ color:#fff;}