@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:'Meiryo',sans-serif, "Helvetica Neue",Helvetica,Arial,sans-serif; font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden; }
a{color:#333; text-decoration:none;outline:none; transition:.1s;-webkit-transition:.1s;-moz-transition:.1s;-ms-transition:.1s;-o-transition:.1s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#033d81}
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:'Meiryo', sans-serif,"Helvetica Neue",Helvetica,Arial,sans-serif;}
input{-webkit-appearance: none ;}

.blue{ color:#2f87b5}

.wrap{ width:90%; max-width:1668px; margin:0 auto}
.nmain .wrap{ max-width:1400px;}
.section{ padding:120px 0;}
.section02{ padding:120px 0 150px 0;}
.sectionpre{ padding-top:120px;}
.sectionnext{ padding-bottom:120px;}


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

.space{height: 86px;}

.header{box-shadow: 0 3px 10px rgba(0,0,0,.2);position: fixed;top: 0;left: 0;width: 100%;background-color: #fff;z-index: 99999999;}
.header .wrap{ position:relative; height: 86px;}
.header .logo{ position:absolute; left:0; top:50%; margin-top:-28px;}
.header .logo img{ display:block; height:56px; width:auto;transition: .5s;}
.header .logo:hover img{transform: rotateY(-360deg);}
.header .language{ position:absolute; right:0; top:50%; margin-top:-17px; z-index:11;height:42px;width:120px; cursor:pointer}
.header .language ul{width:120px; height:36px;overflow: hidden; background: #fff; border:solid 1px #033d81; border-radius:18px; font-size:15px;}
.header .language ul li {line-height:32px;color:#333;padding:0 20px; }
.header .language ul li a{ color:#333; position:relative; display:block}
.header .language ul li.cur{ height:36px;line-height:36px;}
.header .language ul li a:hover{ color:#033d81; font-weight:bold}
.header .language .btn{ position: absolute; display:block;border-left:0; right:0;top:0; width:20px; height:25px; cursor:pointer;}
.header .language .btn i{ position:absolute; width:100%; height:100%; left:0;top:0; transition:.3s}
.header .language .btn i:after{ content:""; width:8px; height:8px; border-right:1px solid #033d81; border-bottom:1px solid #033d81; -webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:20px; top:50%; margin-top:-3px;}
.header .language.cur .btn i{ -webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);transform:rotateX(180deg);margin-top:8px;}


.header .menu{ position:relative; z-index:9; position:absolute; right:160px; top:0;}
.header .menu li{ display:inline-block; position:relative;}
.header .menu li .menu_a{ line-height:86px; display:block; font-size:18px; position:relative;  margin:0 21px;}

@media screen and (max-width:1600px){
.header .menu li .menu_a{font-size:17px; margin:0 18px;}
}
@media screen and (max-width:1366px){
.header .menu li .menu_a{ margin:0 15px}

}
.header .menu li .menu_a.cur{ font-weight:bold}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background-image: linear-gradient(45deg, #1f4a97, #1f4a97);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 .sub{position:absolute; display:none;clear:both; background: linear-gradient(rgba(255,255,255,1),rgba(241,241,241,1));z-index:99; border-radius:0 0 12px 12px;}
.header .menu li .subchang{ width:100%; left:0%;box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu li .subduan{width:140%; margin-left:-20%;box-shadow: 0 0 10px rgba(0,0,0,0.15); padding:10px 10px 15px 10px; }

.header .menu li:nth-child(2) .subduan{width:110%; margin-left:-5%;}
.header .menu li:nth-child(3) .subduan{width:200%; margin-left:-50%;}
.header .menu li:nth-child(5) .subduan{width:180%; margin-left:-40%;}
.header .menu .subduan{ text-align:center; }
.header .menu .subduan a{ display:block; line-height:40px; border-radius:8px; margin:5px 0}
.header .menu .subduan a:hover{background-image: linear-gradient(45deg, #1f4a97, #1f4a97); 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 .m-menubtn{z-index: 10001;top:0;right:0%;cursor: pointer;-webkit-transition:.5s;transition:.5s; position:absolute;border-radius:18px; height:36px; line-height:36px; width:130px; background:#033d81; color:#fff;top:50%; margin-top:-17px; font-size:14px; padding:0 20px; display:none}
.header .m-menubtn .open{ display:block}
.header .m-menubtn .close{ display:none}
.header .m-menubtn.active .open{ display:none}
.header .m-menubtn.active .close{ display:block}
.header .m-menubtn:after{ content:""; position:absolute; width:48px; height:48px; top:-6px; right:-1px; background:#2f87b5; border-radius:50%}
.header .m-menubtn>span{position: absolute;top: 0;bottom: 0;right:14px; width:20px;height:1px; background-color: #fff; margin: auto; z-index:99}
.header .m-menubtn>span:before, .header .m-menubtn>span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}
.header .m-menubtn>span:before {bottom: 6px;}
.header .m-menubtn>span:after {bottom: -6px;}
.header .m-menubtn.active>span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff}
.header .m-menubtn.active>span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.header .m-menubtn.active>span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff}
.header .m-menubtn.active>span, .header .m-menubtn.active>span:before, .header .m-menubtn.active>span:after {right:14px;bottom: 0;}
.header .m-menubtn>span, .header .m-menubtn>span:before, .header .m-menubtn>span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
.m-menubg{width:100%;height:100%;z-index:999;position: fixed; top: 0; display:none;background: rgba(0,0,0,0.4)}
.m-menubg.active{ display:block}
.m-menu{ width:320px; height:100%; background:#fff;z-index:99999; position:fixed; display:none; right:0; }
.m-menu.active{ display:block}
.m-menu .tabmenu{ margin-top:150px; position:relative; z-index:22}
.m-menu .tabmenu li{ display:block; margin:0 50px; font-size:18px; line-height:45px; cursor:pointer; position:relative;}
.m-menu .tabmenu li:hover{ font-weight:bold; }
.m-menu .tabmenu li:after{content: '';display: block;position: absolute;right: 0px;top: 50%;transform: translateY(-50%);width: 18px;height: 12px;background: url(../images/jt.png)no-repeat center center;background-size:18px auto;}
.m-menu .tabmenu li:hover:after{animation: dongqilai3 1s infinite;}

.m-menu #tabcontent .hidden {display:none;}
.m-menu #tabcontent{ width:320px; height:100%; z-index:999999; position:fixed; right:321px; top:0; z-index:11}
.m-menu #tabcontent ul{margin:150px 0px 50px 50px;line-height:42px;font-size:16px; }
.m-menu #tabcontent ul h3{ line-height:50px;font-size:18px; }
.m-menu #tabcontent ul p{ padding-left:40px; position:relative; display:block}
.m-menu #tabcontent ul p:after{content: '';display: block;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 18px;height: 18px;background: url(../images/jts01.png)no-repeat center center;}
.m-menu #tabcontent ul p:hover {font-weight:bold}
.m-menu #tabcontent ul p:hover:after{background: url(../images/jts02.png)no-repeat center center; animation: dongqilai2 1s infinite;}
@keyframes dongqilai2{
	from{left:0px;}
	50%{left:10px;}
	to{left:0px;}
}
@keyframes dongqilai3{
	from{right:0px;}
	50%{right:10px;}
	to{right:0px;}
}
.m-menu .tabmenu li.cli{ font-weight:bold;}
.m-menu .tabmenu li.cli:after{background: url(../images/jt02.png)no-repeat center center;background-size:18px auto;}
.m-inmenubg{width:320px; height:100%;background:#fff; z-index:9999; position:fixed; display:none; right:321px;}
.m-inmenubg.active{ display:block}
.m-menu .zhiding{ z-index:99}



.mfanhui{ display:none; position:fixed; z-index:99999999999; width:calc(100% - 60px); line-height:40px; background:#033d81; text-align:center; color:#fff; margin:450px 30px 30px;}


.banner{ background:#000}
.banner img{width:100%;}
.example_video_1-dimensions{ width:100% !important; height:auto !important}
.banner video{width:auto; height:auto; min-width:100%; min-height:100%; display:block}
.banner{position: relative; height:100vh;overflow:hidden;}
.banner .barba-container{position: absolute;left: 50%;bottom:5%;transform: translate(-50%,-50%);width:412px;overflow:  hidden;}

.banner .container{display:flex;width: 58px;position: relative;}
.banner .container::after{content: '';display: block;width: 8px;height: 8px;background-color: #fff;position: absolute;left: 50%;top: 50%; margin-left:0px; transform: translate(-50%,-50%);border-radius: 50%;}
.banner .swiper-container-android .swiper-slide,.banner .swiper-wrapper{transform: translate3d(0px, 0px, 0px) !important;}
.banner .left{width:31px;height:62px;position:relative;overflow:hidden;}
.banner .right{width:31px;height:62px;position:relative;overflow:hidden;}
.banner .swiper-slide-active .leftcircle{width:58px;height:58px;border:2px solid rgba(255,255,255,.3);position:absolute;border-radius:50%;left:0px;top:0px;transform:rotate(45deg);animation-name:circle_left;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;border-bottom:2px solid #fff;border-left:2px solid #fff;box-sizing: border-box;}
.banner .swiper-slide-active .rightcircle{width:58px;height:58px;border-radius:50%;border:2px solid rgba(255,255,255,.3);position:absolute;right:0px;top:0px;transform:rotate(-135deg);animation-name:circle_right;animation-duration:15s;animation-timing-function:linear;animation-iteration-count:infinite;border-top:2px solid #fff;border-right:2px solid #fff;box-sizing: border-box;}
.banner .swiper-slide{ width:58px !important; margin:0 5px !important;}

.banner .swiper-slide:nth-child(1).swiper-slide-active .leftcircle{animation-duration:16s;}
.banner .swiper-slide:nth-child(2).swiper-slide-active .leftcircle{animation-duration:15s;}
.banner .swiper-slide:nth-child(3).swiper-slide-active .leftcircle{animation-duration:25s;}
.banner .swiper-slide:nth-child(4).swiper-slide-active .leftcircle{animation-duration:22s;}
.banner .swiper-slide:nth-child(5).swiper-slide-active .leftcircle{animation-duration:9s;}
.banner .swiper-slide:nth-child(6).swiper-slide-active .leftcircle{animation-duration:20s;}
.banner .swiper-slide:nth-child(1).swiper-slide-active .rightcircle{animation-duration:16s;}
.banner .swiper-slide:nth-child(2).swiper-slide-active .rightcircle{animation-duration:15s;}
.banner .swiper-slide:nth-child(3).swiper-slide-active .rightcircle{animation-duration:15s;}
.banner .swiper-slide:nth-child(4).swiper-slide-active .rightcircle{animation-duration:22s;}
.banner .swiper-slide:nth-child(5).swiper-slide-active .rightcircle{animation-duration:9s;}
.banner .swiper-slide:nth-child(6).swiper-slide-active .rightcircle{animation-duration:20s;}


@keyframes circle_right{0%{transform:rotate(-135deg);}
50%,100%{transform:rotate(45deg);}
}
@keyframes circle_left{0%,50%{transform:rotate(-135deg);}
100%{transform:rotate(45deg);}
}
.banner .swiper-slide{cursor:pointer; }



.wordmap .wrap{ position:relative}
.wordmap .title{ position:absolute; left:0; top:0;  z-index:9}
.wordmap .title h3{font-size:45px; line-height:60px}
.wordmap .links{ position:absolute; left:0; bottom:40px; font-size:24px;}
.wordmap .links p{ line-height:50px;position:relative; padding-left:55px}
.wordmap .links p a{color: #666; }
.wordmap .links p a:hover{color: #033d81; }
.wordmap .map{ float:right; width:76%; position:relative}
.wordmap .map img{ display:block; width:100%; height:auto}


.wordmap .links p:after{content: '';display: block;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);width: 30px;height: 25px;background: url(../images/jt.png)no-repeat center center;background-size:30px auto;}
.wordmap .links p:hover:after{animation: dongqilai2 1s infinite;background: url(../images/jt02.png)no-repeat center center;background-size:30px auto;}

.map-txt {opacity: 0;pointer-events: none;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.map-poi {position: absolute}

.map-poi .dian {display: block;width: 12px;height: 12px;background-color: #033d81;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;-webkit-animation: wave;-o-animation: wave;animation: wave;position: relative;z-index: 99; cursor:pointer}
.map-poi .dian:after, .map-poi .dian:before {content: "";position: absolute;z-index: 5;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 50%;border: 1px solid rgba(13, 90, 154, .5);-webkit-animation: bowen 3s linear infinite;-o-animation: bowen 3s linear infinite;animation: bowen 3s linear infinite;width: 10px;height: 10px}
.map-poi .dian:before {border: 1px solid rgba(13, 90, 154, .5);-webkit-animation: bowen 4s linear infinite;-o-animation: bowen 4s linear infinite;animation: bowen 4s linear infinite}

@keyframes bowen {
	0% {border-width: 1px}
	100% {border-width: 30px;border-color: rgba(13, 90, 154, 0)}
}


.map-txt {background-color: #fff;position: absolute; top:-140px; left:-515px; width: 420px;padding: 30px; border:solid 2px #033d81; z-index: 5; line-height:25px;}
.map-txt:after{ content:""; position:absolute;  width:103px; height:114px;background: url(../images/lineright.png)no-repeat center center;background-size: cover; top:30px; right:-103px;}
.map-txt h3{ margin-bottom:5px; font-size:18px; font-weight:bold}
.map-txt p{ margin-bottom:15px;}
.map-txt img{ display:block; width:100%; height:auto; margin-top:15px;}
.map-info {font-size: 14px;color: #666}
.map-poi.cur .map-txt {opacity: 1;pointer-events: auto}

.poi1 {top: 46.5%;right: 18%}
.poi2 {top: 46%;right: 20%}
.poi3 {top: 40%;right: 18%}
.poi4 {top: 62%;right: 22%}
.poi5 {top: 46.5%;right: 17%}
.poi6 {top: 62%;right: 21%}
.poi7 {top: 42%;right: 13%}

.power{width:100%; position:relative;background:#FAFBFC;overflow:hidden;box-sizing:border-box;}
.power .title{font-size: 55px; line-height:90px;text-align: right;display: block;color: #c9c9c9;}
.power .title h3 span { display:block}
.power .row{margin:0vw 0 0;position:relative;}
.power .col{width:100%;}
.power .origin{position:absolute;left:-20.833vw;top:50%;transform:translateY(-50%);width:52vw;height:52w;box-sizing:border-box;z-index:3;pointer-events:none;}
.rotate{width:100%;height:100%;transform:rotate(0);transition:all ease .5s;}
.rotate .dot{opacity:0;visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all ease .5s;}
.rotate .dot.on{opacity:1;visibility:visible;}
.rotate .cir.on{display:none;}
.power .circles{width:20.688vw;margin-left:3.646vw;position:relative;}
.power .circles::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:40vw;height:40vw;border:1px dashed #BFC4C7;border-radius:50%;}
.circles .num{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:6;width:90%;text-align:center;}
.circles .num span{font-size:5vw;font-family:"Gotham";font-weight:bold;color:#FFFFFF;}
.circles .circle{width:100%;height:20.688vw;top:0;left:0;border-radius:50%;overflow:hidden;pointer-events:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease;}
.circle-main{position:relative;background:#033d81;z-index:5;}
.circle-first,.circle-second,.circle-third{position:absolute;background:#033d81;z-index:2;}
.circle-first{opacity:.15;-webkit-animation:firstCircle 10s ease infinite;animation:firstCircle 10s ease infinite;}
.circle-second{opacity:.15;-webkit-animation:secondCircle 10s ease infinite;animation:secondCircle 10s ease infinite;}
.circle-third{opacity:.15;-webkit-animation:thirdCircle 10s ease infinite;animation:thirdCircle 10s ease infinite;}
.power .intr{width:47%;}
.power .intr .ev{width:100%;margin:0.781vw 0;}
.power .intr h5{font-size:24px;font-weight:600;color:#333;margin:20px 0;}
.power .intr p{font-weight:400;line-height:1.5;color:#c9c9c9;font-size:18px;}
.power .ev.on h5{color:#033d81;}
.power .ev.on p{ padding-bottom:10px;}
@keyframes scroll-l{0%{transform:translateX(-50%) translateZ(0px);-webkit-transform:translateX(-50%) translateZ(0px);}
100%{transform:translateX(0) translateZ(0px);-webkit-transform:translateX(0) translateZ(0px);}
}
@-webkit-keyframes scroll-l{0%{transform:translateX(-50%) translateZ(0px);-webkit-transform:translateX(-50%) translateZ(0px);}
100%{transform:translateX(0) translateZ(0px);-webkit-transform:translateX(0) translateZ(0px);}
}
@keyframes scroll-r{0%{transform:translateX(0) translateZ(0px);-webkit-transform:translateX(0) translateZ(0px);}
100%{transform:translateX(-50%) translateZ(0px);-webkit-transform:translateX(-50%) translateZ(0px);}
}
@-webkit-keyframes scroll-r{0%{transform:translateX(0) translateZ(0px);-webkit-transform:translateX(0) translateZ(0px);}
100%{transform:translateX(-50%) translateZ(0px);-webkit-transform:translateX(-50%) translateZ(0px);}
}
@-webkit-keyframes firstCircle{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
35%{-webkit-transform:translateX(2%) translateY(-14%);transform:translateX(2%) translateY(-14%);}
65%{-webkit-transform:translateX(5%) translateY(14%);transform:translateX(5%) translateY(14%);}
to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@keyframes firstCircle{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
35%{-webkit-transform:translateX(2%) translateY(-14%);transform:translateX(2%) translateY(-14%);}
65%{-webkit-transform:translateX(5%) translateY(14%);transform:translateX(5%) translateY(14%);}
to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@-webkit-keyframes secondCircle{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
40%{-webkit-transform:translateX(-9%) translateY(-1%);transform:translateX(-9%) translateY(-1%);}
75%{-webkit-transform:translateX(11%) translateY(-14%);transform:translateX(11%) translateY(-14%);}
to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@keyframes secondCircle{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
40%{-webkit-transform:translateX(-9%) translateY(-1%);transform:translateX(-9%) translateY(-1%);}
75%{-webkit-transform:translateX(11%) translateY(-14%);transform:translateX(11%) translateY(-14%);}
to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@-webkit-keyframes thirdCircle{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
30%{-webkit-transform:translateX(5%) translateY(11%);transform:translateX(5%) translateY(11%);}
70%{-webkit-transform:translateX(-13%) translateY(-5%);transform:translateX(-13%) translateY(-5%);}
to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
@keyframes thirdCircle{0%{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
30%{-webkit-transform:translateX(5%) translateY(11%);transform:translateX(5%) translateY(11%);}
70%{-webkit-transform:translateX(-13%) translateY(-5%);transform:translateX(-13%) translateY(-5%);}
to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0);}
}
.fl-fw{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
circle{background-color:#033d81;}


.prolist{ position:relative}



.prolist:after{ content:""; width:30%; height:100%; position:absolute; left:0; top:0; background:#033d81;}
.prolist .ttabmenu{ position:absolute; left:5%; top:0; width:20%; height:100%; z-index:990; color:#fff}
.prolist .ttabmenu li{ width:100%; line-height:48px; border-radius:25px; border:solid 1px #fff; font-size:18px; text-align:center; margin-bottom:15px; cursor:pointer}
.prolist .ttabmenu li.cur{ background:#2f87b5; border:solid 1px #2f87b5}

.prolist #ttabcontent .hidden{ display:none}
.prolist #ttabcontent .bg{ position: relative; width:70%; margin-left:30%}
.prolist #ttabcontent .bg img{ display: block; width:auto; max-width:100%; height:auto}
.prolist #ttabcontent .bg:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background-image: linear-gradient(to right, rgba(37,64,93,0.7), rgba(0,0,0,0.8)); z-index:9}
.prolist #ttabcontent ul{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:99}
.prolist #ttabcontent ul .pic{position:absolute; left:30%; width:70%; height:100%; top:0}
.prolist #ttabcontent ul .pic img{ display:block; width:auto; height:auto; max-width:100%; max-height:100%; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;}
.prolist #ttabcontent ul .youshi{ position:absolute; left:5%; bottom:0; width:20%; z-index:990; color:#fff}

.prolist #ttabcontent ul .youshi h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.prolist #ttabcontent ul .youshi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; }

@media screen and (max-width: 1900px){
.prolist .section{ padding:100px 0;}

}
@media screen and (max-width: 1800px){
.prolist .section{ padding:80px 0;}
.prolist .ttabmenu li{ line-height:45px; }

}
@media screen and (max-width: 1600px){
.prolist .section{ padding:60px 0;}
.prolist .ttabmenu li{ line-height:40px;margin-bottom:10px; }
.prolist #ttabcontent ul .youshi h3{ margin-bottom:10px;}
}
@media screen and (max-width: 1440px){
.prolist .section{ padding:40px 0;}
.prolist .ttabmenu li{ line-height:38px;margin-bottom:6px; }
.prolist #ttabcontent ul .youshi h3{ margin-bottom:6px;}
}


.news .title{ margin-bottom:60px;display: flex; justify-content: space-between;}
.news .title h3{ font-size:45px; color:#333}
.news .title .more{ width:160px;line-height:45px; height:45px; border:solid 1px #ddd; text-align:center; position:relative}
.news .title .more:hover{ border:solid 1px #033d81}
.news .title .more a{ display:block; position:relative; padding-right:30px;}
.news .title .more a:after{content: '';display: block;position: absolute;right: 0px; margin-right:20px; top: 50%;transform: translateY(-50%);width: 18px;height: 12px;background: url(../images/jt.png)no-repeat center center;background-size:18px auto;}
.news .title .more a:hover:after{animation: dongqilai3 1s infinite;}
.news .title .more a:hover:after{background: url(../images/jt02.png)no-repeat center center;background-size:18px auto;}

.news .conn{display: flex; justify-content: space-between;}
.news .conn .item{ width:32%; margin-right:2%; position:relative; padding-bottom:20px; border-bottom:solid 1px #ddd;}
.news .conn .item:after{ content:""; width:0; height:1px; left:0; bottom:-1px; background:#033d81; position:absolute;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.news .conn .item:hover:after{ width:100%; left:0}
.news .conn .item:nth-child(3n){ margin-right:0}
.news .conn .item .pic{ margin-bottom:20px;}
.news .conn .item .pic .biaozhu{ position:absolute; bottom:0; right:0}
.news .conn .item .pic .biaozhu span{ display:block; padding:10px 20px 10px 10px; background:#033d81; color:#fff; position:relative}
.news .conn .item .pic .biaozhu span:after{ content:""; position:absolute; left:-60px; top:0; width:0; height:0; border-top:solid 50px transparent; border-left:solid 30px transparent;border-right:solid 30px #033d81; border-bottom:solid 50px #033d81;}
.news .conn .item .pic .biaozhu span a{ display:block; color:#fff}
.news .conn .item .text .time{ font-size:14px; color:#999; padding-bottom:10px;}
.news .conn .item .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; font-size:18px; line-height:26px;}
.news .conn .item .text p{ margin:15px 0; font-size:15px; opacity:0.7; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px; height:52px;}
.news .conn .item .text .more{ width:130px;position:relative;font-size:14px; color:#666 }
.news .conn .item .text .more{ display:block; position:relative; padding-right:30px;}
.news .conn .item .text .more:after{content: '';display: block;position: absolute;right: 0px; margin-right:20px; top: 50%;transform: translateY(-50%);width: 18px;height: 12px;background: url(../images/jt.png)no-repeat center center;background-size:18px auto;}
.news .conn .item:hover .more:after{animation: dongqilai3 1s infinite;}


.footer{  position:relative;color:#fff; overflow: hidden}
.footer:after{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#003471; z-index:-2}
.footer .wrap{ position:relative}

/*.footer .wrap .fcontent{ width:50%; font-size:18px;}
.footer .wrap .fcontent .kuai{ padding:40px 0; border-bottom:solid 1px #fff; background: url(../images/bigjt.png)no-repeat right 50px; background-size:30px auto}
.footer .wrap .fcontent .kuai:nth-child(1){ background:none; padding:40px 0 20px 0;}
.footer .wrap .fcontent .kuai:last-child{ border-bottom:none}
.footer .wrap .fcontent .kuai h3{font-size: 32px;color: #fff;display: block;margin-bottom:30px;}
.footer .wrap .fcontent .kuai p{ padding:8px 0}
.footer .wrap .flx{ position:absolute;left:75%; text-align:center; -moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; color:#fff; width:50%; font-size:70px}*/
.follow { padding:50px 0; background: #f5f5f5; }
.follow .item{ float:left; width:33.33%; text-align:center;}
.follow .item .code img{ display:block; width:160px; margin:0 auto}
.follow .item .blogo { height:60px;display:flex;align-items:center; margin-top:8px}
.follow .item:last-child .blogo{ margin-top:5px;}
.follow .item .blogo img{ display:block; width:auto; width:auto; height:auto; max-height:55px; max-width:220px; margin:0 auto}

.footer .copyright{ padding:40px 0; text-align:center}
.footer .copyright a{ color:#fff}

.waveout{ position:absolute; width:100%; height:46vh; left:0; bottom:0; opacity:0.5; z-index:-1}


.location{padding: 45px 0 90px 0;}
.nhistory .nbanner img{ display:block; width:100%; height:auto}
.nhistory .nbanner .text{position: relative; margin-left: 60px;width: 178px;background: #033d81;padding: 50px 0;width: 420px; margin-top:-130px}
.nhistory .nbanner .text p{display: block;box-sizing: border-box;width: 100%;color: #fff;font-weight: bold;padding: 0 32px;}
.nhistory .nbanner .text h3{display: block;color: #fff;margin: 30px 0;font-size: 48px;padding: 0 32px;}
.nhistory .nbanner .text h4{padding: 0 32px;font-size: 16px;color: #fff;}
.nhistory .nbanner .text::after{content: '';display: block;width: 80%;background-color: #fff;height: 5px;position: absolute;bottom: 98px;}

.historyList{ position:relative;padding:120px 0 20px}
.historyList .line {position: absolute;top: 0;left: 50%;bottom: 0; width: 1px;border-left: 1px solid #e8e8e8; z-index:1}
.historyList .topDot, .historyList .botDot{position: absolute;left: 50%;width: 12px;height: 12px;margin-left: -6px;z-index:2;border-radius: 50%;}
.historyList .topDot{top:0; width:80px; height:80px; background:url(../images/ico-dev.png) no-repeat center #033d81; left:50%; margin-left:-40px; background-size:auto 35px}
.historyList .botDot{bottom:0; background:#2f87b5;}
.historyList ul{ position:relative; z-index:2}
.historyList li{position: relative; margin-bottom:50px}
.historyList li::before{content: '';margin-top:3px; width:24px; height:24px; border-radius:50%; position:absolute; left:50%; margin-left:-12px; z-index:20; border:solid 2px #fff; background: url(../images/hslogo.png) #fff no-repeat center center; background-size:auto 80%}
.historyList li .txt {padding:0 2.5% 0 0;text-align: right; width:50%;position:relative; float:left;}
.historyList li .image{ float:right; width:50%; position:relative}
.historyList li .image:after{content: ''; width:5%; height:1px; border-bottom:1px dotted #ccc; position:absolute; left:0;top:13px; z-index:1}
.historyList li .image img{ display:block; width:auto; width:95%; height:350px !important; margin-left:5%;}
.historyList li:nth-child(2n) .image img{ margin-left:0%;  margin-right:5%}


.historyList li .txt:after{content: ''; width:5%; height:1px; border-bottom:1px dotted #ccc; position:absolute; right:0;top:13px; z-index:1}
.historyList li .txt{ width:50%; color:#666}
.historyList li .txt .time {font-size: 26px;color:#333;font-weight: bold; position: relative;margin-bottom:10px;}
.historyList li .txt p{ position:relative;}
.historyList li .txt p span{ display:inline-block;  font-weight:bold; color:#333; padding-right:10px;}

.historyList li:nth-child(2n) .txt{ float:right;text-align:left; padding:0 0 0 2.5%;}
.historyList li:nth-child(2n) .txt:after{ right:auto; left:0}
.historyList li:nth-child(2n) .image:after{left:auto; right:0; }

.abouttou{display: flex; justify-content: space-between;}
.abouttou .fl{width: 48%;font-size: 45px;line-height: 60px;color: #033d81;}
.abouttou .fl img{display: block;margin-top: 50px;}
.abouttou .fr{width: 46%;font-size: 16px;color: #333;line-height: 36px;box-sizing: border-box;}

.nabout .nbanner{width: 100%;padding: 60px 0;margin: 70px 0 90px;background-color: #033d81;text-align: center;}
.nabout .nbanner .text{width: 100%;margin: 20px auto 30px; padding:0 20px; color: #fff;font-size: 18px;}
.nabout .nbanner img{ width:40%; max-width:260px;}
.nab01{ font-size:18px; line-height:32px;}
.nab01 td{ padding:22px 30px;}
.nab01 tr{ border-bottom:solid 1px #59a3d3}
.nab01 tr:nth-child(1) { border-top:solid 1px #59a3d3}
.nab01 tr td:nth-child(1){ background:#e9eef4; text-align:center;}

.nab01 .tb01, .nab01 .tb02, .nab01 .tb03, .nab01 .tb04, .nab01 .tb05{ float:left; display:block}
.nab01 .tb01{ width:350px;}
.nab01 .tb02{ width:150px;}
.nab01 .tb04{ width:130px;}




.leader .title h3, .advideo .title h3{ font-size:45px; font-weight:bold; margin-bottom:70px;}
.leader .conn{ position:relative; border-bottom:solid 1px #59a3d3; background:#e9eef4;}
.leader .conn .images{ float:right; width:auto; max-width:33%; margin-top:-120px}
.leader .conn .images img{ display:block; width:100%; height:auto}
.leader .conn .text{position:absolute; left:50%; text-align:left; line-height:40px; font-size:18px;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; padding:50px}
.leader .conn .text h3{ font-size:24px; font-weight:bold; margin-bottom:20px;}
.leader .conn .text p{ width:50%}




.advideo .pimg{position: relative;cursor: pointer;}
.advideo .pimg>img{display: block;width: 100%;}
.advideo .pimg .bofang{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 90px;height: 90px;}
.advideo .pimg .bofang::before{content: '';width: 80px;height: 80px;position: absolute;left: 50%;top: 50%;background-color: #033d81;opacity: 0.3;animation: fangdaba 2s ease-in-out infinite;border-radius: 50%;transform: translate(-50%,50%);transform-origin: 0% 0%;}
@keyframes fangdaba{
	from{transform: scale(1) translate(-50%,-50%);}
	50%{transform: scale(2) translate(-50%,-50%);}
	to{transform: scale(1) translate(-50%,-50%);}
}
.advideo .pimg .bofang img{position: relative;z-index: 1;margin: 0 auto;display: block; z-index:9; width:100%; height:auto }
.shipin{width: 100%;height: 100vh;background-color: rgba(0, 0, 0,0.7);position: fixed;left: 0;top: 0;z-index: 999999999;display: none;text-align: center;}
.shipin video{margin:0 auto;width: 70%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.shipin iframe{margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.shipin .close{position: absolute;right: 50px;top: 50px;width: 50px;height: 50px; background:url(../images/close.png) no-repeat center center; cursor:pointer; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;}

.shipin .close:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg); }
.shipin .close img{width: 100%;}


.npower .title{ margin-bottom:40px}
.jvzhong{text-align:center;}
.npower .title h3{font-size:45px; font-weight:bold; margin-bottom:45px;}
.npower .title p{ font-size:20px}



@-webkit-keyframes bounce-up {
25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}
}
@keyframes bounce-up {25% {transform: translateY(10px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-10px);}
}
.npower .powerquan{ position:relative}
.npower .img001{-webkit-animation: bounce-up 4.5s linear infinite;animation: bounce-up 4.5s linear infinite; text-align:center; height:400px;display: flex; justify-content: space-between; width:90%; margin:0 auto}
.npower .img002{-webkit-animation: bounce-up 3s linear infinite;animation: bounce-up 3s linear infinite;}
.npower .img002{ position:absolute; left:0; top:0; z-index:-1; width:100%; height:auto}
.npower .img001 .item{ border-radius:50%; width:180px; height:180px; background:#033d81; color:#fff; position:relative}
.npower .img001 .item .iteminn{position:absolute;z-index:999;left:50%; text-align:center; line-height:50px;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%;width:100%; line-height:30px;}
.npower .img001 .item h3{ font-size:30px; margin-bottom:15px; font-weight:bold; margin-top:10%}
.npower .img001 .item h3 span{font-size:40px;}
.npower .img001 .item p{ font-size:20px; width:80%; margin:0 auto}
.npower .img001 .item:nth-child(1){ margin-top:16%}
.npower .img001 .item:nth-child(3){ margin-top:20%}
.npower .img001 .item:nth-child(2){ margin-top:10%}
.npower .img001 .item:nth-child(4){ margin-top:12%}
.npower .img001 .item:nth-child(1){ width:160px; height:160px;}
.npower .img001 .item:nth-child(3){ width:140px; height:140px;}
.npower .img001 .item:nth-child(4){ width:150px; height:150px;}
.npower .img001 .item:nth-child(5){ width:200px; height:200px;}


.xiaoshou table{ font-size:24px; line-height:60px; background:#e9eef4}
.xiaoshou table tr td{ padding:5px 25px;}
.xiaoshou table tr:nth-child(1){ background:#033d81; color:#fff }
.xiaoshou table tr td:nth-child(1){ width:40%}

.ngroup .map{ position: relative}
.ngroup .map img{ display:block; width:100%; height:auto}
.ngroup .title h3{font-size:45px; font-weight:bold; margin-bottom:45px; line-height:60px}

.companylist{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.companylist .list{ width:48.5%; margin-right:3%; margin-bottom:3%;background:#e9eef4;}
.companylist .list:nth-child(2n){ margin-right:0%;}
.companylist .list:nth-child(2n+1){ clear:both;}
.companylist .list img{ display:block; width:100%; height:auto}
.companylist .list .text{ padding:25px;}


.companylist .list .text h3{ margin-bottom:10px; font-size:20px; font-weight:bold}
.companylist .list a{padding: 5px 10px; background: #0071bc; color: #fff; margin-top:10px; display:block; display:inline-block; position:absolute; bottom:20px; right:20px; z-index:999}



.nnews .title h3{ font-size:45px; font-weight:bold; margin-bottom:70px;}
.mbg{ background:#f5f5f7;}

.nnews .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nnews .conn .item .text { background:#fff; padding:5% 3%;}
.nnews .conn .item .text .time{ font-size:14px; color:#999; padding-bottom:10px;}
.nnews .conn .item .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; font-size:18px; line-height:26px; min-height:52px;}
.nnews .conn .item .text .more{ width:130px;position:relative;font-size:14px; color:#666 }
.nnews .conn .item .text .more{ display:block; position:relative; padding-right:30px;}
.nnews .conn .item .text .more:after{content: '';display: block;position: absolute;right: 0px; margin-right:20px; top: 50%;transform: translateY(-50%);width: 18px;height: 12px;background: url(../images/jt.png)no-repeat center center;background-size:18px auto;}
.nnews .conn .item:hover .more:after{animation: dongqilai3 1s infinite;}

.nnews .conn .item{ width:32%; margin-right:2%; margin-bottom:2%; position:relative;}
.nnews .conn .item:nth-child(3n){ margin-right:0}
.nnews .conn .item:after{ content:""; width:0; height:2px; left:0; bottom:0; background:#033d81; position:absolute;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nnews .conn .item:hover:after{ width:100%; left:0}


.nnewsxiang .wrap{ background:#fff; padding:5%; font-size:18px; line-height:35px;}
.nnewsxiang .conn{ padding:80px 0}
.back a{ display:block;  width:135px; font-size:16px; height:40px; line-height:40px; margin:0 auto; border-radius:25px; background:#0071bc; color:#fff; text-align:center; text-transform:uppercase}
.back a:hover{background:#2f87b5;}
.nnewsxiang .newstitle { border-bottom:solid 1px #ccc; padding-bottom:45px}
.nnewsxiang .newstitle h3{font-size:40px; line-height:45px; text-transform:uppercase;}
.nnewsxiang .newstitle p{ color:#999;}
.nnewsxiang img{ width:auto; max-width:100%}





.shangxia{ padding-top:45px; border-top:solid 1px #ccc; position:relative}
.shangxia p { color:#a0a0a0; }
.shangxia p a{color:#a0a0a0; }
.shangxia p a:hover{color:#33c1b2; }
.shangxia .back{ position:absolute; right:0; top:45px}


.tuijian .title h3{font-size:45px; font-weight:bold; margin-bottom:70px;}
.tuijian .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.tuijian .conn .item .text{ padding:10px 20px;}
.tuijian .conn .item .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden; font-size:18px; line-height:50px;}
.tuijian .conn .item{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; border:solid 1px #e8e8e8;}
.tuijian .conn .item:nth-child(3n){ margin-right:0}




.nhr .title{ margin-bottom:40px}
.nhr .title h3{font-size:45px; font-weight:bold; margin-bottom:45px;}
.nhr .title p{ font-size:20px}

.hrquan{ position:relative}
.hrquan img{ display:block; width:auto; max-width:100%; height:auto}
.hrquan .img002{ position:absolute; left:0; top:0; z-index:1}
.hrquan .img001{-webkit-animation: bounce-up 4.5s linear infinite;animation: bounce-up 4.5s linear infinite; position:relative;z-index:2}
.hrquan .img002{-webkit-animation: bounce-up 3s linear infinite;animation: bounce-up 3s linear infinite;}


.hrlist{ margin-top:40px; display: block;}
.hrlist li{ width:32%; padding:5% 3%; margin-right:2%; margin-top:1%; margin-bottom:1%; background:#fff; border:1px solid #e8e8e8;  float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist li:nth-child(3n){ margin-right:0}
.hrlist li .icon{ width:30%; max-width:55px;margin:0 auto;display:block;}
.hrlist li .icon img{ display:block; width:100%;}
.hrlist li .icon1{ display:none}
.hrlist li .tit{ font-size:22px; text-align:center; color:#333; padding:30px 0 20px; border-bottom:1px dashed #d8d8d8}
.hrlist li .intro{ font-size:16px; line-height:26px; padding-top:30px; height:82px; overflow:hidden}
.hrlist li .more{ width:35px; height:35px; background:url(../images/arrow.png) no-repeat center; display:block; margin-top:30px}
.hrlist li,.hrlist li:hover .tit,.hrlist li:hover .intro{ -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;}
.hrlist li:hover{background: #033d81; cursor:pointer}
.hrlist li:hover .icon{ display:none}
.hrlist li:hover .icon1{ display:block}
.hrlist li:hover .tit{ color:#fff}
.hrlist li:hover .intro{ color:#f9f9f9}
.hrlist li .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:999999999}
.hrlist li .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist li .hd .closed{ width:50px; height:50px; display:block; background:url(../images/close.png) no-repeat center; position:absolute; right:50px; top:50px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99;}
.hrlist li .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.hrlist li .hd .hr_con{ background:#fff; width:640px; height:70%; position:absolute;top:15%;left:50%; margin-left:-350px; padding:30px;line-height:34px; cursor:default; overflow-y:auto; z-index:99}
.hrlist li .hd .hr_con .tit_hd{ font-size:25px; color:#333; border-bottom:1px solid #e8e8e8; line-height:35px; padding-bottom:20px; margin-bottom:25px}


.ntechnology .kuai{ background:#fff; margin-bottom:70px;}
.ntechnology .kuai:last-child{ margin-bottom:0}
.ntechnology .kuai .pic{ float:left; width:50%; float:left; background:#e9eef4}
.ntechnology .kuai .text{ float:right; width:50%; float:right; padding:4%}
.ntechnology .kuai:nth-child(2n) .pic{ float:right}
.ntechnology .kuai:nth-child(2n) .text{ float:left}
.ntechnology .kuai .text h3{ font-size:24px; font-weight:bold; margin-bottom:25px;}
.ntechnology .kuai .text p{ font-size:18px; line-height:35px; color:#333}

.ntechnology .kuai .text .more{ width:160px; line-height:40px; border:solid 1px #ddd; text-align:center; position:relative; margin-top:50px;}
.ntechnology .kuai:hover .text .more{ border:solid 1px #033d81; background:#033d81; color:#fff;}
.ntechnology .kuai .text .more span{ display:block; position:relative; padding-right:30px;}
.ntechnology .kuai .text .more span:after{content: '';display: block;position: absolute;right: 0px; margin-right:20px; top: 50%;transform: translateY(-50%);width: 18px;height: 12px;background: url(../images/jt.png)no-repeat center center;background-size:18px auto;}
.ntechnology .kuai:hover .text .more span:after{animation: dongqilai3 1s infinite;}
.ntechnology .kuai:hover .text .more span:after{background: url(../images/jt03.png)no-repeat center center;background-size:18px auto;}


.ntech .title h3, .nquality .title h3{font-size:45px; font-weight:bold; margin-bottom:45px;}
.ntechk .ntitle, .ntechk02 .ntitle{ line-height:60px}
.ntechk { font-size:18px;}
.ntechk h4, .ntechk02 h4{ font-size:40px; margin-bottom:10px}
.ntechk h2{ font-size:50px; font-weight:bold; color:#2f87b5}
.ntechk .conn { margin:50px 0 0 0;  text-align:center; }
.ntechk .conn .item{ float:left; width:48%; background:#fff; padding-bottom:40px; }
.ntechk .conn .item:nth-child(2n){ float:right}
.ntechk .conn .pic{ padding:5%}
.ntechk .conn .pic img{ width:auto; max-width:100%; margin:0 auto}

.ntechk .conn02{ text-align:center; margin-top:50px;position: relative; height:auto;}
.ntechk .conn02 .images{ display: inline-block;vertical-align: middle;max-width:50%;}
.ntechk .conn02 .images img{width:auto; min-width:300px; max-width:100%; display:block;}
.ntechk .conn02 .text{ font-size:20px; margin-top:20px; line-height:40px; text-align:left;display: inline-block; vetical-align:middle; width:42%; padding:4% 0 4% 4%; }

.ntechk .conn04 .images{ float:left; width:70%; float:left;}
.ntechk .conn04 .images video{ display:block; width:100%; height:auto}
.ntechk .conn04 .text{ float:right; width:30%; float:right; padding:4% 0 4% 4%; font-size:20px; text-align:left; line-height:35px;}

.ntechk .conn03 { background:#fff; padding:50px; margin-top:50px;}
.ntechk .conn03 img{ display: block; width:auto; min-width:80%; max-width:100%; margin:0 auto 0 auto; height:auto}

.ntechk02 .images{ float:left; width:70%; float:left;}
.ntechk02 .images img{ display:block; width:100%; height:auto}
.ntechk02 .text{ float:right; width:30%; float:right; padding:4%}
.ntechk02 .text h3{ font-size:24px; font-weight:bold; margin-bottom:25px;}
.ntechk02 .text p{ font-size:18px; line-height:35px; color:#333}



.ntechk03 .images{ float:left; width:70%; float:left;}
.ntechk03 .images img{ display:block; width:100%; height:auto}
.ntechk03 .text{ float:right; width:30%; float:right; padding:4%}
.ntechk03 .text h3{ font-size:24px; font-weight:bold; margin-bottom:25px;}
.ntechk03 .text p{ font-size:18px; line-height:35px; color:#333}


.ntechk03 .images .item{ float:left; width:48%; text-align:center; font-size:18px;}
.ntechk03 .images .item:nth-child(2n){ float:right}
.ntechk03 .images .item img{ margin-bottom:20px;}



.nquality .nshebei{ text-align:center; }
.nquality .nshebei .item{ display:inline-block; width:32%; margin-right:calc(2% - 5px); margin-bottom:2%}
.nquality .nshebei .item:nth-child(3n){ margin-right:0}
.nquality .nshebei .item:nth-child(3n+1){ clear:both; }
.nquality .nshebei .item .pics{border:solid 1px #ddd; padding:4%; background:#fff }
.nquality .nshebei .item .text{ padding:15px 0 0 0;}
.nquality .nshebei .item .text h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; height:60px;font-size:20px; }
.nquality .nshebei .item .text h3.red{ font-size:30px; font-weight:bold; color:#f00}

.nquality.nquality02 .nshebei .item:nth-child(3n){margin-right:calc(2% - 5px);}
.nquality.nquality02 .nshebei .item:nth-child(3n+1){ clear:none; }
.nquality.nquality02 .nshebei .item:nth-child(1){ display:block; margin-left:auto; margin-right:auto; width:70%; }
.nquality.nquality02 .nshebei .item:nth-child(1) video{ display:block; width:100%; height:auto}
.nquality.nquality02 .nshebei .item:nth-child(4){ margin-right:0}



.nqutech{text-align:center; display: flex; justify-content: space-between; max-width:1200px; margin:0 auto}
.nqutech .item{ width:48%; display:inline-block; margin-right:3%; border:solid 1px #ddd; background:#fff; border-radius:8px; text-align:center; padding:0px 20px 20px 20px; position:relative}
.nqutech .item .pic img{ display:block; width:100%; height:auto}
.nqutech .item:last-child{ margin-right:0}
.nqutech .item h3{ font-size:30px; padding:25px 10px;}
.nqutech .item h3 span{ display:block; line-height:25px; text-align:center; width:100%}
.nqutech .item  p{ font-size:20px; padding:20px; text-align:center }
.nqutech .item  p span{ font-size:16px;}

.nqutech02 { padding:50px; background:#fff; border:solid 1px #ddd;}
.nqutech02 img{ display:block; margin:0 auto; width:auto; max-width:100%}

.nquality .biaozhu { text-align:center;}
.nquality .biaozhu h3{ display:inline-block;background: #2f87b5; color:#fff; margin-top:15px; font-size:20px; padding:20px; width:100%; max-width:600px;}



.nprolist .title h3{ font-size:45px; font-weight:bold; margin-bottom:70px;}

.nprolist .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nprolist .conn .item .text { background:#fff; padding:30px;}
.nprolist .conn .item .text .time{ font-size:14px; color:#999; padding-bottom:10px;}
.nprolist .conn .item .text h3{/*display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:26px; min-height:52px;*/ font-size:20px; margin-bottom:5px}
.nprolist .conn .item .text p{ margin-bottom:15px; color:#666}
.nprolist .conn .item .text .more{ width:130px;position:relative;font-size:14px; color:#666 }
.nprolist .conn .item .text .more{ display:block; position:relative; padding-right:30px;}
.nprolist .conn .item .text .more:after{content: '';display: block;position: absolute;right: 0px; margin-right:20px; top: 50%;transform: translateY(-50%);width: 18px;height: 12px;background: url(../images/jt.png)no-repeat center center;background-size:18px auto;}
.nprolist .conn .item:hover .more:after{animation: dongqilai3 1s infinite;}

.nprolist .conn .item{ width:32%; margin-right:2%; margin-bottom:2%; position:relative; background:#e9eef4;}
.nprolist .conn .item:nth-child(3n){ margin-right:0}
.nprolist .conn .item:after{ content:""; width:0; height:2px; left:0; bottom:0; background:#033d81; position:absolute;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.nprolist .conn .item:hover:after{ width:100%; left:0}

.nprox .conn { background:#fff; font-size:20px; padding-bottom:50px; text-align:center}
.nprox .conn02 { background:#fff; padding:3% ; text-align:center}
.nprox .conn02 video{ display:block; margin:0 auto; width:auto; max-width:70%}
.nprox .title h3{ font-size:45px; font-weight:bold; margin-bottom:70px;}
.nprox .title h4{font-size:40px; line-height:40px; margin-bottom:50px}
.nprox .conn img{ display:block; width:auto; max-width:70%; margin:0 auto}


.nsy01, .nsy03{ margin-bottom:80px}
.nsy01 .ntitle, .nsy03 .ntitle{ line-height:60px}
.nsy01 .ntitle h4, .nsy03 .ntitle h4{ font-size:40px; margin-bottom:10px}
.nsy01 .ntitle h2, .nsy03 .ntitle h2{ font-size:45px; font-weight:bold; color:#2f87b5}
.nsy01 .ntitle h5, .nsy03 .ntitle h5{ font-size:24px; margin-bottom:10px}
.nsy01 .ntitle p, .nsy03 .ntitle p{ font-size:20px; margin-top:-20px;}
.nsy01 .tedian {padding:4%; background:#fff;margin-top:30px;}
.nsy01 .tedian .conn{ margin-top:20px; font-size:18px;  }
.nsy01 .tedian table td, .nsy01 .tedian table th{ padding:15px; }
.nsy01 .tedian table th{ font-size:120%}

.nsy01 .tedian .biao{ position:relative; padding-bottom:100px; margin-bottom:20px;}
.nsy01 .tedian .biao:after{ position:absolute; left:50%; height:80px; width:2px; content:""; background:#2f87b5; bottom:0; transform: skew(-30deg);}


.nsy01 .kuai{ position:relative}
.nsy01 .kuai .images{ width:55%;}
.nsy01 .kuai .images img{ display:block; width:100%; height:auto}
.nsy01 .kuai .text{ width:40%; position:absolute; top:0; right:0; height:100%; text-align:right}
.nsy01 .kuai .text .textinn{position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:100%; font-size:20px;}
.nsy01 .kuai .text .textinn h3{font-size: 30px; margin-bottom:20px}

.nsy01 .sycompare{ padding:100px 0 50px 0}
.nsy01 .sycompare .item{ float:left; width:48%;}
.nsy01 .sycompare .item:nth-child(2){ float:right}
.nsy01 .sycompare .item .cotitle{ font-size:18px; padding:10px 20px 5px 20px;background:#ffe699; display:inline-block}
.nsy01 .sycompare .item .pics{ padding:15px; background:#ffe699}
.nsy01 .sycompare .item .pics img{ display:block; width:100%; height:auto}
.nsy01 .sycompare .item:nth-child(1) .cotitle{ font-weight:bold}
.nsy01 .sycompare .item:nth-child(2) .cotitle,  .nsy01 .sycompare .item:nth-child(2) .pics{ background:#f0f0f0}

.nsy02 .yingy {padding:5%; background:#fff;margin-top:30px;font-size:20px; line-height:35px; text-align:center}


.nsy03 .usetitle{ line-height:65px;}
.nsy03 .usetitle .num{ float:left; font-size:40px; font-weight:bold; color:#b9ccd3; border-bottom:solid 5px #b9ccd3; height:65px; padding-bottom:20px;}
.nsy03 .usetitle .usentitle{float:left;  font-size:40px; color:#0071bc;line-height:65px;height:65px; margin: 0 30px }
.nsy03 .usetitle .ad{float:left; line-height:65px; position:relative; font-size:24px; padding:0 60px; }
.nsy03 .usetitle .ad span{ position:relative; z-index:9}
.nsy03 .usetitle .ad:after{ content:""; position:absolute; width:100%; height:65px; background:#ffe794; left:0; top:0;transform: skewX(20deg); }
.nsy03 .usetitle .biaopic{float:right; height:180px; width:auto; margin-top:-60px;} 
.nsy03 .usetitle .biaopic img{ height:180px; width:auto;}
.nsy03 .usetitle .nintro{ clear:both; font-size:24px; margin-left:75px; text-align:left}

.nsy03 .conn{ text-align:center; padding:5%; background:#fff;margin-top:30px;}
.nsy03 .conn .kuai{ margin-bottom:80px;}
.nsy03 .conn .text{ padding:50px 0;}
.nsy03 .conn .item{ display:inline-block; margin:0 20px; max-width:calc(48% - 40px) }
.nsy03 .conn .item p{ margin-top:10px;background: #f0f0f0; line-height:40px;}
.nsy03 .conn .item:last-child p{background: #ffe794;}
.nsy03 .conn .jiantou{display:inline-block; width:155px; height:63px; background:url(../images/jiantou.png) no-repeat center center; margin:80px 20px}
.nsy03 .conn .wenzi{ background:#cce1e6; font-size:24px; padding:2%; line-height:35px} 

.nsy04 .conn{ text-align:center; padding:5%; background:#fff;margin-top:30px;}
.nsy04 .conn table td, .nsy04 .conn table th{ padding:15px; text-align:center; font-size:18px;}
.nsy04 .tedian table th{ font-size:120%}

.nsy03 .conn .item img{ display:block; width:auto; max-width:100%}

.white{ color:#fff}


.float_r{ position:fixed; bottom:180px; right:3%;  z-index:9999; padding:5px 5px 0px 5px; }
.float_r li{position:relative; width:46px; height:46px; margin-bottom:5px;}
.float_r .hd{position:absolute; top:0px; right:46px; min-width:320px;  display:none;color:#fff }
.float_r .hd .inn{ padding:20px 30px; border-radius:10px; width:calc(100% - 10px); background:#2f87b5; position:relative}
.float_r .hd .inn:after{ content:""; width:0; height:0; position:absolute; top:18px; right:-10px; border-top:solid 10px transparent; border-bottom:solid 10px transparent; border-left:solid 10px #2f87b5;}
.float_r .img{ width:46px; height:46px; line-height:46px; background:#033d81; border-radius:50%;box-shadow: 0 3px 10px rgb(0 0 0 / 20%); overflow:hidden;}
.float_r .img img{ width:24px; height:24px; margin:11px;}
.float_r .img p{ color:#fff;}

.float_r .hd p{ margin-bottom:10px; position:relative;}
.float_r .hd p span{ padding-left:10px;}


.float_r li:hover .hd{display:block;}
.float_r .backtop{border-bottom:none;}
.float_r .backtop img{ margin-top:10px;}
.float_r li:hover .img{background:#2f87b5; }

.float_r li.li3 .hd { text-align:center; width:760px;}
.float_r li.li3 .hd .inn{ padding:30px; }
.float_r li.li3 .hd .item{ display:inline-block; width:230px;}
.float_r li.li3 .hd img{ width:130px; background:#fff; display:block; margin:0 auto 10px auto}
.float_r li.li3 .hd span{ margin-top:-5px;}
.float_r li.li4 .hd { width:420px;}
.float_r li.li4 .hd a{ color:#fff}

.liuyan-sub{ left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; width:880px; height:650px; position:fixed;z-index:99999999; background:#fff; display:none; border-radius: 10px;-webkit-box-shadow: 1px 1px 12px rgba(0,0,0,.25);-moz-box-shadow: 1px 1px 12px rgba(0,0,0,.25);box-shadow: 1px 1px 12px rgba(0,0,0,.25);}
.liuyan-sub.cur{ display:block}
.liuyan-sub .closed{ position:absolute; width:25px; height:25px; background:url(../images/close_1.png) no-repeat;background-size:cover; right:30px;top:30px; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s; z-index:999999;}
.liuyan-sub .closed:hover{background:url(../images/close_2.png) no-repeat; background-size:cover;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.liuyan-sub .conn{ padding:25px 50px 25px 50px; 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; line-height:30px;}
.liuyan-sub .conn .tit{  text-align:center;font-size:40px;line-height:50px; margin-bottom:5px;color:#000;}
.liuyan-sub .conn .sumn{ color:#666; text-align:center}
.liuyan-sub .conn .liuyan{ margin:35px 0 0px 0}

.liuyan .row{ position:relative; margin-bottom:10px;}
.liuyan .row .colum{ float:left; width:48%}
.liuyan .row .colum:nth-child(2n){ float:right}
.liuyan .inp, .liuyan textarea{border-radius:5px;}
.liuyan .ntit{color:#666; line-height:30px;}
.liuyan .inp{width: 100%;border: 1px solid #ddd;line-height:38px;height:38px;padding: 0 15px;transition: border-color .5s; }
.liuyan textarea{width: 100%; height:110px; display:block;border: 1px solid #ddd;font-size: 14px;line-height:20px;padding:15px;transition: border-color .5s;}
.liuyan .submit{ width:155px; line-height:40px; height:40px; text-align:center; cursor:pointer; border:0; background:#033d81; border-radius:10px; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s; margin-top:40px; }
.liuyan .submit:hover{ background:#2f87b5; }

.bbg{ background-color:rgba(0,0,0,0.7); z-index:99999998; width:100%; height:100%;position:fixed; left:0; top:0; display:none}
.bbg.cur{ display:block}


.ntechk .conn02 .videos{ display: inline-block;vertical-align: middle;max-width:70%;}
.ntechk .conn02 .text02{ font-size:20px; margin-top:20px; line-height:40px; text-align:left;display: inline-block; vetical-align:middle; width:22%; padding:4% 0 4% 4% }


.ntechk03 .images video{ display:block; width:100%; height:auto}
.ntechk02 .images video{ display:block; width:100%; height:auto}

.nt02{ margin-top:50px;font-size:36px; line-height:60px; font-weight:bold}
.nt03{ color:#ffc000; font-size:50px;line-height:30px; padding:25px 0; font-weight:bold}
.ntechnology01 .title p{ font-size:120%}


.nquality .title h4{ font-size:24px; margin-bottom:30px}
.ntechk .conn05{ padding:4%; background:#fff; margin-top:30px;}
.ntechk .conn05 h5{ font-size:18px; text-align:center; line-height:35px;}
.ntechk .conn05 .aitech{ margin:60px 0;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ntechk .conn05 .aitech .item{ width:45%; margin-right:3%; text-align:center;position:relative}
.ntechk .conn05 .aitech .item:after{ content:""; width:100%; height:100%; border:solid 2px #59a3d3;  position:absolute; left:0; top:0px; border-radius:20px;}
.ntechk .conn05 .aitech .item:nth-child(2){ margin-right:0}
.ntechk .conn05 .aitech .aitop{ font-size:24px; display:inline-block; font-weight:bold; padding:0 25px;text-align:center; position:relative; z-index:2; margin-top:-30px; background:#fff }
.ntechk .conn05 .aitech .item:nth-child(2) .aitop{ color:#033d81}
.ntechk .conn05 .aitech .aipic{ padding:20px; font-size:14px;word-break: break-all; }
.ntechk .conn05 .aitech .aipic img{ display:block; width:auto; max-width:100%; margin:0 auto}
.ntechk .conn05 .aitech .aiconn{ padding:0 20px; text-align:left;font-size:18px; }

.ntechk .conn05 .aitech .aodc{ padding:40px 20px; color:#f00; }
.ntechk .conn05 .aitech .aodc p{ padding-left:45px; font-size:20px; font-weight:bold;background:url(../images/cuo.jpg) no-repeat left center; text-align:left }
.ntechk .conn05 .aitech .item:nth-child(2) .aodc p{ background:url(../images/dui.jpg) no-repeat left center; }
