@charset "utf-8";



*{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:#000; }
a{color:#000; 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:#0026e9}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal; color:#000}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.green{ color:#0026e9}

.section{ padding:120px 0;}
.nmain .section{ padding:80px 0;}
.nab01 .section{ padding:80px 0 120px 0;}
.nprodetail.section{ padding:60px 0 120px 0;}
.sectionpre{ padding-top:120px;}
.sectionnext{ padding-bottom:120px;}


#a01, #a02, #a03, #a04{ position: absolute;  margin-top:-90px;}
.wrap{ width:84%; max-width:1400px; margin:0 auto}

.jvzhong{ text-align:center}
.title{ margin-bottom:25px}
.title h4{ font-size:20px; color:#0026e9; text-transform:uppercase;}
.title h3{ line-height:60px; font-size:45px;}


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

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


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


.header{width: 100%;top:0;left:0;position:fixed; z-index:999; height:90px; border-bottom:solid 1px rgba(255,255,255,0.3)}
.header.scroll, .header:hover{ background-color:rgba(0,0,0,0.7);border-bottom:solid 1px rgba(0,0,0,0.7)} 
.header .logo{ float:left; margin-left:3%}
.header .logo img{ display:block; height:60px; width:auto; margin:15px 0}
.header .logo .img001{ display:block}
.header .logo .img002{ display:none}
.header.scroll .logo .img001, .header:hover .logo .img001{ display:none} 
.header.scroll .logo .img002, .header:hover .logo .img002{ display:block} 

.header .search{ float:right; margin-right:calc(3% + 40px);}
.header .search a{background:url(../images/fdj.png) no-repeat center center; width:50px; height:90px; display:block; cursor:pointer}
.header .search .sub{position:absolute; clear:both;width:100%; display:none; top:90px; left:0;height:80px;  background: #151515; z-index:5}
.header .search .sub .subin {width: 100%;margin:15px auto;max-width: 500px;position:relative; z-index:999 }
.header .search .sub .subin #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.header .search .sub .subin .submit {width: 80px;height: 40px;background: #0026e9;color: #FFF;margin-left: -3px; border:none}
.search-box{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; height:100%; z-index:2; display:none}


.header .menu { text-align:center; position:absolute; width:60%; left:20%;}
.header .menu li{ position:relative; display:inline-block}
.header .menu li .menu_a{ line-height:90px; font-size:18px; color:#fff; display:block; padding:0 30px;position:relative}
.header .menu li .menu_a.cur{ color:#fff; background:#0026e9; }
.header .menu li .sub{ position:absolute; display:none;clear:both; z-index:999;width:100%;}
.header .menu li .sub.cur{ display:block}
.header .menu .sub p{ text-align:center; line-height:50px;}
.header .menu .sub a{ display:block; color:#fff;background-color:rgba(0,0,0,0.7); }
.header .menu .sub a:hover{background-color: #0026e9;}
/*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;}



.banner{ position:relative; z-index:1;  height:auto !important }
.banner .wrap{ position: relative;}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-slide{ position:relative; min-height:500px !important}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:30px; height:20px; border:none; overflow:hidden; margin-top:0; outline:none; top:auto; bottom:50px}
.banner .swiper-button-prev{ background:url(../images/bpre.png) no-repeat center center; left:auto; right:30px}
.banner .swiper-button-next{ background:url(../images/bnext.png) no-repeat center center; left:auto; right:0}
.banner .swiper-button-prev:hover{ background:url(../images/bpre02.png) no-repeat center center; opacity:1}
.banner .swiper-button-next:hover{ background:url(../images/bnext02.png) no-repeat center center; opacity:1}
.banner .swiper-slide .text{ color:#fff; line-height:50px;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%}
.banner .swiper-slide .text h3{
	font-size:56px;
	line-height:60px;
	margin-bottom:40px;
	width:65%;
	max-width:960px;
	color:#fff;
	font-weight: bold;
}
.banner .swiper-slide .text p{ font-size:36px; line-height:50px; width:65%;max-width:960px; margin-bottom:70px; }

.more{height:50px; line-height:50px; font-size:18px; margin-left:12px;display:inline-block; position:relative}
.more:after{ content:""; position:absolute; top:-8px; width:15px; height:100%; background:#0026e9; right:-12px;transform: skew(-20deg);}
.more:hover:after{ display:none;}
.more a{ display:inline-block; padding:0 60px 0 30px; position:relative; background:url(../images/jth.png) no-repeat 80% center; background-size:auto 30%; color:#555 }
.more a:hover{ background:url(../images/jth.png) no-repeat 85% center; background-size:auto 30%; }
.more a:after{ content:""; position:absolute; left:0; top:0; border:solid 1px #ddd; width:100%; height:100%;transform: skew(-20deg);}


.banner .swiper-slide .text .more a{color:#fff}
.banner .swiper-slide .text .more a:after{ border:solid 1px #fff}
.banner .swiper-slide .text .more a{ background:url(../images/jt.png) no-repeat 80% center;background-size:auto 30%; }
.banner .swiper-slide .text .more a:hover{ background:url(../images/jt.png) no-repeat 85% center;background-size:auto 30%; }

.banner .swiper-slide h3, .banner .swiper-slide p, .banner .swiper-slide .more{webkit-animation:fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);animation: fadeInUp 1s cubic-bezier(0.5, 0, 0.2, 1);-webkit-animation-fill-mode: both;animation-fill-mode:both}
.banner .swiper-slide p{-webkit-animation-delay:.2S;animation-delay:.2S}
.banner .swiper-slide .more{-webkit-animation-delay:.4S;animation-delay:.4S}
.banner .swiper-slide .num{ font-weight:bold; color:#fff;  position:absolute; bottom:45px;width:100%}
.banner .swiper-slide .num .wrap{ padding-right:80px;}
.banner .swiper-slide .num span{ position:relative; width:105px; float:right; opacity:0.3; text-align:right}
.banner .swiper-slide .num span.active{ opacity:1 !important}
.banner .swiper-slide .num span:nth-child(2){ padding-right:85px; text-align:left}
.banner .swiper-slide .num span:nth-child(2):after{ content:""; position:absolute; width:80px; height:2px; top:50%; right:0px; margin-top:-1px; background:#fff}
.banner .swiper-slide .num span:nth-child(1){ padding-left:85px;}
.banner .swiper-slide .num span:nth-child(1):after{ content:""; position:absolute; width:80px; height:2px; top:50%; left:0px; margin-top:-1px; background:#fff}

.bann2 a{ float:left; width:30px; height:30px; position:absolute; left:50%; bottom:45px; margin-left:-15px; background:url(../images/xia.png) center bottom no-repeat; -webkit-animation: sdb 1.5s infinite; animation: sdb 1.5s infinite; cursor:pointer; z-index:10;}

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

    50% {
        opacity: 1
    }

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

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

    50% {
        opacity: 1
    }

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


.iabout{ background:url(../images/abbg.png) no-repeat center bottom; background-size:100% auto;}
.iabout .abpic{ float:left; width:46%; position:relative}
.iabout .abpic img{ display:block; width:100%; height:auto; position:relative; z-index:2}
.iabout .abpic:after{ content:""; position:absolute; width:100%; height:100%; right:-20px; bottom:-20px; background:#0026e9;}
.iabout .text{ float:right; width:48%;  margin-top:2%;}

.iabout .text .abconn{ margin:0px 0 60px 0; color:#333; font-size:18px;}
.iabout .text .use .more:nth-child(1){ margin-right:20px;}

.iabout .star{ animation: animatedBackground 10s linear infinite; display:inline-block; float:right; font-size:180px; font-weight:bold; line-height:180px; margin-top:5%; margin-right:3%;background: url(../images/startech.jpg) no-repeat center center; background-size:100% auto; -webkit-background-clip: text; color: transparent}
@keyframes animatedBackground {
  from { background-position: 0 100%; }
  to { background-position: 0 10%; }
}


.iproducts{ position:relative;} 
.iproducts .text{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; z-index:99}
.iproducts .text .appleft{ float:left; width:40%; color:#fff; margin-top:30px;}
.iproducts .text .appleft .title h3{ color:#fff}
.iproducts .text .appleft .conn { font-size:18px;}
.iproducts .text .appleft .more { margin-top:70px;}
.iproducts .text .appleft .more a{ color:#fff;}
.iproducts .text .ipro_probtn{ width:48%; float:right}
.iproducts .text .ipro_probtn ul{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;border-right:solid 1px #fff; border-bottom:solid 1px #fff}
.iproducts .text .ipro_probtn ul li{ border-left:solid 1px #fff; border-top:solid 1px #fff; width:calc(50% - 1px); padding:6% 6% 8% 6%; text-align:center; color:#fff; }
.iproducts .text .ipro_probtn ul li img { display:block; margin:0 auto}
.iproducts .text .ipro_probtn ul li h3{ font-size:24px; line-height:23px; margin-top:15px; color:#fff;}
.iproducts .text .ipro_probtn ul li.active{ background-color:rgba(0,38,233,0.5)}

.inews{ background:url(../images/logobg.png) #e6e8fd no-repeat calc(100% - 100px) center; background-size:auto 90%;}
.inews .title{ position:relative;}
.inews .title .nmore{ position:absolute; right:0; bottom:15px;}
.inews .title .nmore a{ display:inline-block; padding:5px 0; font-size:18px; padding-right:32px; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;  -o-transition: .3s;}
.inews .title .nmore a:hover{ padding:5px 40px 5px 20px; background:#0026e9; color:#fff; border-radius:25px;}
.inews .title .nmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #0026e9 center center; border-radius:50%; color:#fff;}
.inews .title .nmore a:hover i{ background: url(../images/jia02.png) #fff center center;right:7px;}
.inews .conn{ position:relative}
.inews .conn .topnews{ position:absolute; left:0; top:0; width:40%; height:100%}
.inews .conn .sth{position:absolute; left:calc(40% + 30px); top:0; width:calc(30% - 30px); height:100%}
.inews .conn .other{width:calc(30% - 30px); margin-left:calc(70% + 30px)}
.inews .conn .list{ border-bottom:solid 1px #aaa; margin-bottom:15px;}
.inews .conn .sth .list:last-child, .inews .conn .other .list:last-child{ margin-bottom:0}
.inews .conn .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#0026e9; font-weight:bold;}
.inews .conn .topnews .date{background:url(../images/datew.png) no-repeat left center; color:#fff}
.inews .conn h3{ font-size:20px; line-height:26px; height:52px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; margin:10px 0}
.inews .conn .con p{line-height:24px; height:48px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#333;}

.inews .conn .nsmore{height:38px; line-height:38px; margin-left:20px;display:inline-block; position:relative; margin:32px 0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;}
.inews .conn .nsmore:after{ content:""; position:absolute; top:-8px; width:14px; height:100%; background:#0026e9; right:-12px;transform: skew(-20deg);}
.inews .conn .nsmore:hover:after{ display:none;}
.inews .conn .nsmore span{ display:inline-block; padding:0 40px 0 20px; position:relative; background:url(../images/jth.png) no-repeat 85% center; color:#555;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;}
.inews .conn .nsmore span:hover{ background:url(../images/jth.png) no-repeat 88% center; }
.inews .conn .nsmore span:after{ content:""; position:absolute; left:0; top:0; border:solid 1px #aaa; width:100%; height:100%;transform: skew(-20deg);}
.inews .conn .nspic img{ display:none}
.inews .conn .sth .nspic{ position:absolute; left:0; top:0; width:100%; height:calc(50% - 5.5px); border-radius:15px; overflow:hidden}
.inews .conn .nspic div{ position:absolute; left:0; top:0; width:100%; height:100%;transition: all 1.5s; }
.inews .conn a:hover .nspic div { transform:scale(1.05);}

.inews .conn .sth .list:last-child{ width:100%; bottom:0; position:absolute; left:0}
.inews .conn .topnews{ border-radius:20px; overflow:hidden;}
.inews .conn .topnews .nspic{ position:absolute; left:0; top:0; width:100%; height:100%;}
.inews .conn .topnews .text{ padding:20px 40px; position:absolute; bottom:0; left:0; width:100%; z-index:2; background-image: linear-gradient(to bottom, transparent, #0026e9);}
.inews .conn .topnews h3{ color:#fff}

.footer { position:relative; z-index:3}
.footer a{ color:#fff}
.footer a:hover{
	text-decoration: underline;
}
.footer .fcontent{ padding:80px 0;color:#fff; background:url(../images/footerbg.jpg) no-repeat center center; background-size:cover;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {display:inline-block; line-height:25px; }
.footer li:first-child{ line-height:30px; background:url(../images/fline.png) no-repeat right center; padding-right:7%;}
.footer li:first-child .flogo img{ display:block; height:80px; width:auto; margin-bottom:30px}
.footer .erweima img{ width:124px; height:auto; display:block; border-radius:10px; overflow:hidden; margin-top:30px;}
.footer h3{ font-size:18px; margin-bottom:10px; line-height:30px; margin-top:50px;}
.footer .copyright{ padding:23px 0; text-align:center; color:#fff; line-height:25px; background:#000937}
.footer .copyright a{ padding:23px 0; text-align:center; color:#fff; line-height:25px; background:#000937}
.footer .copyright a:hover{
	text-decoration: underline;
}


.nbanner{ position:relative; color:#fff; }
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .location { position:absolute; width:100%; top:120px;}
.nbanner .location a{ color:#fff}
.nbanner .location .wrap{background:url(../images/home.png) no-repeat left center; color:#fff; padding-left:30px}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; margin-top:50px; width:100%}
.nbanner .text h3{font-size:45px; font-weight:bold; line-height:60px; margin-bottom:20px; color:#fff;}
.nbanner .text p{ font-size:24px;}


.nnav{ line-height:58px; font-size:18px; border-bottom:solid 1px #ddd;}
.nnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.nnav li{white-space:nowrap; width:auto; display:inline-block; }
.nnav li a{ display:block; padding:0 30px; font-size:18px; position:relative}
.nnav li a:after {content: '';width: 0;height: 2px;background-color: #0026e9;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom:0px ;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnav li a.cur:after, .nnav li a:hover:after{ width:100%}
.nnav li a.cur, .nnav li a:hover{color: #0026e9;}

.nprolist .kuai{ position:relative}
.nprolist .kuai:last-child{ padding-bottom:120px;}
.nprolist .kuai:nth-child(2n):after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#e6e8fd; z-index:-22 }
.nprolist .kuai .propic{ float:left; width:46%; position:relative; }
.nprolist .kuai .propic img{transition: all 1.5s;}
.nprolist .kuai:hover .propic img{ transform:scale(1.02);}
.nprolist .kuai:nth-child(2n) .propic{ float:right;}
.nprolist .kuai .propic img{ display:block; width:100%; height:auto; position:relative; z-index:2}
.nprolist .kuai .propic:after{ content:""; position:absolute; width:100%; height:100%; right:-20px; bottom:-20px; background:#0026e9;}

.nprolist .kuai .text{ float:right; width:48%;  margin-top:2%;}
.nprolist .kuai:nth-child(2n) .text{ float:left;}
.nprolist .kuai .text h3{ font-size:36px; margin-bottom:20px;}
.nprolist .kuai .text p{ color:#333; margin-bottom:10px;}
.nprolist .kuai .text .icon span{ display:inline-block; cursor:auto; position:relative; color:#0026e9; margin-left:15px; line-height:45px; min-width:calc(28% - 15px); text-align:center; margin-top:18px;}
.nprolist .kuai .text .icon span:after{ content:""; position:absolute; left:0; top:0; border:solid 1px #0026e9; width:100%; height:100%;transform: skew(-20deg); z-index:-2}
.nprolist .kuai .text .icon span:hover:after{ background:#0026e9;}
.nprolist .kuai .text .icon span:hover { color:#fff;}
.nprolist .kuai .text .pmore{ margin-top:40px; display:inline-block; font-size:18px; padding-right:32px; position:relative}
.nprolist .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #0026e9 center center; border-radius:50%; color:#fff;}

.nprolist .kuai .text .pmore{ margin-top:40px; display:inline-block; padding:5px 0; font-size:18px; padding-right:32px; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;  -o-transition: .3s;}
.nprolist .kuai .text .pmore:hover{ padding:5px 40px 5px 20px; background:#0026e9; color:#fff; border-radius:25px;}
.nprolist .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #0026e9 center center; border-radius:50%; color:#fff;}
.nprolist .kuai .text .pmore:hover i{ background: url(../images/jia02.png) #fff center center;right:7px;}


.nprodetail .nguide {width:260px; float:left; background: url(../images/pljt.jpg) no-repeat left bottom; padding-bottom:18px; }
.nprodetail .nguide li{ position:relative; margin-bottom:45px; font-size:18px}
.nprodetail .nguide li:after{ content:""; position:absolute; left:0; top: 0; width:21px; height:21px; border-radius:50%; border:solid 1px #ccc;}
.nprodetail .nguide li:hover:after{border:solid 1px #0026e9;}
.nprodetail .nguide li a{ display:block; padding-left:42px; line-height:23px; position:relative}
.nprodetail .nguide li a:after{ content:""; position:absolute; width:8px; height:8px; left:7.5px; top:7.5px; border-radius:50%; background:#ccc}
.nprodetail .nguide li:hover a:after, .nprodetail .nguide li a.cur:after{background:#0026e9;}
.nprodetail .nguide li a:hover, .nprodetail .nguide li a.cur{ color:#0026e9;}

.nprodetail .nguide.fixeds, .nprodetail .nguide.fixeds{ left:calc(50% - 700px);}
.fixeds{position:fixed; left:0; top:130px !important}

.nprodetail .pdetail{ float:right; width:calc(100% - 300px); font-size:18px}
.nprodetail .pdetail .ntitle, .nprodetail .pdetail .nitem{ margin-bottom:45px;}
.nprodetail .pdetail .ntitle h3{ font-size:36px; margin-bottom:25px;}
.nprodetail .pdetail .nitem .ntti{ border-bottom:solid 1px #ddd; line-height:65px; font-size:24px; margin-bottom:25px;}
.nprodetail .pdetail .nitem table{ border:solid 1px #ced5fb;}
.nprodetail .pdetail .nitem table td{ padding:12px 20px; border-bottom:solid 1px #fff;}
.nprodetail .pdetail .nitem .white{ color:#fff}
.nprodetail .pdetail .nitem .caselist{width: 100%;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprodetail .pdetail .nitem .caselist li{ width:32%; margin-right:2%;}
.nprodetail .pdetail .nitem .caselist li:nth-child(3n){ margin-right:0}
.nprodetail .pdetail .nitem .caselist li h3{ height:58px; border-bottom:solid 1px #ddd;display: flex; align-items: center; font-size:18px; color:#333; }
.nprodetail .pdetail .nitem .caselist li h3 span{line-height:23px; display:block; width:100%; text-align:center}

.nnews .kuai{ padding-bottom:40px; margin-bottom:40px; border-bottom:solid 1px #ddd;}
.nnews .kuai:hover{border-bottom:solid 1px #0026e9;}
.nnews .kuai .pic{ float:left; width:24%; border-radius:15px;}
.nnews .kuai .text{ width:73%; float:right; margin-top:1%}
.nnews .kuai .text h3{ font-size:20px; margin-bottom:15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nnews .kuai:hover .text h3{ color:#0026e9;}
.nnews .kuai .text h3 span{ float:right; background:url(../images/date.png) no-repeat left center; padding-left:28px; font-size:16px; color:#0026e9; font-weight:bold;}
.nnews .kuai .text p{height: 60px;color: #888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.nnews .kuai .text .pmore{ margin-top:15px; display:inline-block; font-size:18px; padding-right:32px; position:relative}
.nnews .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #0026e9 center center; border-radius:50%; color:#fff;}
.nnews .kuai .text .pmore{display:inline-block; padding:5px 0; font-size:18px; padding-right:32px; position:relative; transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s;  -o-transition: .3s;}
.nnews .kuai:hover .text .pmore{ padding:5px 40px 5px 20px; background:#0026e9; color:#fff; border-radius:25px;}
.nnews .kuai .text .pmore i{ content:""; font-style:normal; position:absolute; top:50%; right:0; margin-top:-11px; width:22px; height:22px; text-align:center; line-height:22px; background: url(../images/jia.png) #0026e9 center center; border-radius:50%; color:#fff;}
.nnews .kuai:hover .text .pmore i{ background: url(../images/jia02.png) #fff center center;right:7px;}


.nnewsdetail .newsleft{ float:left; width:calc(70% - 50px)}
.nnewsdetail .newsleft .date{background:url(../images/date.png) no-repeat left center; padding-left:28px; color:#0026e9; font-weight:bold; margin-top:15px;}
.nnewsdetail .newsleft .newscon { font-size:18px; color:#555}
.nnewsdetail .newsleft .newscon p{ margin-bottom:10px;}
.nnewsdetail .newsleft .newscon img{ width:auto; max-width:100%;}

.nnewsdetail .newsright{ float:right; width:30%; margin-top:125px; border-left:solid 1px #ddd; padding-left:49px; margin-left:50px}
.nnewsdetail .newsright .ntitle{ margin-bottom:20px;}
.nnewsdetail .newsright .ntitle h3{ font-size:24px; }
.nnewsdetail .newsright .nrconn .kuai{ margin-bottom:20px;}
.nnewsdetail .newsright .nrconn .kuai p{ font-size:14px; color:#999}

.nab01{ background:url(../images/nabbg01.jpg) no-repeat center center / cover;}
.nab01 .title { margin-bottom:50px;}
.nab01 .abpic{ float:right; width:46%; position:relative}
.nab01 .abpic img{ display:block; width:100%; height:auto; position:relative; z-index:2}
.nab01 .abpic:after{ content:""; position:absolute; width:100%; height:100%; right:-20px; bottom:-20px; background:#0026e9;}
.nab01 .text{ float:left; width:48%;  margin-top:2%;}
.nab01 .text h3{ font-size:30px; margin-bottom:20px}
.nab01 .text p{ margin-bottom:15px;}

.nab02{ background:url(../images/nabbg02.jpg) no-repeat center center / cover;}
.nab02 img{ display:block;}
.partner .swiper-slide{ margin-bottom:50px;}
.partner .item{ float:left; width:13.6666%; margin:0 1.5%; position:relative;line-height:0;}
.partner .item a{ float:left; width:100%; overflow:hidden;}
.partner .item .par1{opacity:1;filter: alpha(opacity=100); float:left; width:80%; margin:10%; position:relative; z-index:3;}
.partner .item .par2{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; z-index:3; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px; line-height:28px; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.partner .item .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}
.partner .item .par4{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; left:0; top:0; z-index:1;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
.partner .item:hover .par1{opacity:0;filter: alpha(opacity=0);}
.partner .item:hover .par2{opacity:1;filter: alpha(opacity=100);}
.partner .item:hover .par4{opacity:1;filter: alpha(opacity=100);-webkit-transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.partner .swiper-slide .item:nth-child(7){ margin-left:7.5%;}
.partner .swiper-pagination{bottom:0%; text-align:center;}
.partner .swiper-pagination-bullet{ border-radius:50%; width:20px; height:20px;  opacity:1; position:relative; background:none}
.partner .swiper-pagination-bullet-active{ background:#fff; border:solid 1px #0026e9;}
.partner .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:#0026e9;}


.nlx{ float:left; width:50%}
.nlx .conn{ margin-top:-10px}
.nlx .kuai{ border-bottom:solid 1px #ddd; padding-bottom:15px; padding-top:20px; line-height:26px; color:#3b3b3b !important}
.nlx .kuai h4{ font-weight:bold; font-size:16px;}
.nlx .kuai p{ font-size:20px;}
.feedback{ float:left; width:50%; padding:30px 40px 35px 40px; box-shadow: 0 0 15px rgba(0,0,0,0.1); background:#fff}
.feedback .fdtitle h3{ font-size:20px;}
.feedback .fdtitle h3 span{ font-size:20px; color:#0026e9; font-weight:bold; text-transform:uppercase;}
.feedback .form .red{ color:#f00;}
.feedback .form .column{ float:left; width:48.5%; margin-right:3%; margin-bottom:5px; position:relative;overflow:hidden; }
.feedback .form .row_1 .column:nth-child(2n){ margin-right:0}
.feedback .form .row_1 input{  border:none; line-height:38px; height:38px;width:100%; padding:0 15px;color:#999;background:#fff; border:solid 1px #ddd; border-radius:5px}
.feedback .form .row_2 textarea{ width:100%; height:107px; 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;background:#fff;border:solid 1px #ddd;}
.feedback .form .row .submit{width:160px; padding-left:0; font-size:18px; height:45px; display:block;line-height:45px; border:none; cursor:pointer; color:#fff; text-align:center; border-radius:10px; background:#0026e9; text-transform:uppercase}
.feedback .form .row .submit:hover{box-shadow: 0 0 15px rgba(0,0,0,0.1);}