@charset "utf-8";
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-pro2 .main a .img img,
.nei-pro1 .main a .img img,
.page-pro .swiper .but{transition:all .5s;-webkit-transition:all .5s;}

.nei-pro2 .main a:hover .img img,
.nei-pro1 .main a .img:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}

.nei-contact .main .left, .nei-contact .main .right,
.nei-about3 ul li .img, .nei-about3 ul li .txt,
.nei-ser .tips li, .nei-ser .swiper-slide .img, .nei-ser .swiper-slide .txt,
.page-buts p,
.page-nums a, .page-nums span,
.nei-pro2 .main a,
.nei-pro1 .main a,
.page-pro .main .left,
.page-pro .main .right,
.page-pro .info dl{ display:inline-block; vertical-align:top; position:relative;}

.nei-about2 ul li .txt a:hover,
.nei-about3 ul li .txt a:hover,
.nei-ser .tips li:hover,
.nei-ser .tips li.on,
.nei-ser .swiper-slide .txt a:hover,
.page-buts p a:hover,
.nei-news .main a:hover h1,
.nei-pro2 .main a:hover p,
.nei-pro1 .main a h2:hover,
.page-pro .tit p{color:#008cc9;}

.page-pro .swiper .but:before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}

.page-pro .swiper .but{border-radius: 50%;}

.page-pro .swiper .but,
.nei-ser .tips li,
.nei-join dl dd i{cursor:pointer;}

.nei-about2 ul li{display: flex;display: -webkit-flex;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.neiye{ width:100%; padding-bottom:60px;position:relative; display:block;}
.neiye .main{width:100%;position:relative;display:block; font-size:0;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.neiye .tit1{width:100%;position:relative; font-weight:bolder; font-size:30px; line-height:2em; padding:20px 0; margin-bottom:20px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.neiye .tit2{width:100%;position:relative; text-align:center; padding-top:60px; margin-bottom:20px;}
.neiye .tit2 h1{ font-size:24px; line-height:1.5em;}
.neiye .tit2 p{ background:#f5f5f5; display:block; width:100%; font-size:12px; line-height:20px; padding:5px; color:#666; margin-top:10px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-ban{width:100%;position:relative; height:calc(100vh - 242px); height:-webkit-calc(100vh - 242px); min-height:300px; max-height:600px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-nums{font-size:0;text-align:center;}
.page-nums a,
.page-nums span{ font-size:13px; line-height:20px; padding:2px 10px; margin:0 5px; border:1px #ccc solid; color:#666;}
.page-nums a:hover,
.page-nums a.on{color:#fff; background:#008cc9; border-color:#008cc9;}
/*------------------------------------------------------------------------------------------------------------------------*/
.page-buts{ font-size:0; border-top:1px #ddd dashed; padding-top:10px; margin-top:20px;}
.page-buts p{ width:50%; font-size:13px; line-height:20px; font-weight:bold;}
.page-buts p a{ color:#666;}

.page-buts .p1{ padding-right:10px;}
.page-buts .p2{ text-align:right; padding-left:10px;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-about2 .main{ padding-top:60px;}
.nei-about2 .main p{ font-size:16px; line-height:2em;}
.nei-about2 ul{width:100%;position:relative;display:block;}
.nei-about2 ul li{margin-top:60px; position:relative;}
.nei-about2 ul li .img{ display:block; width:45%;}
.nei-about2 ul li .img video{ display:block; width:100%; background:#000;}
.nei-about2 ul li .txt{ display:block; width:55%; padding-left:40px;}
.nei-about2 ul li .txt h1{ font-size:30px; line-height:1em; padding-bottom:20px;}
.nei-about2 ul li .txt p{font-size:15px; line-height:2em;}
.nei-about2 ul li .txt a{ text-align:right;font-size:14px; line-height:1em; margin-top:20px; display:block;}

.nei-about2 ul li:nth-child(2n){flex-direction: row-reverse;-webkit-flex-direction: row-reverse;}
.nei-about2 ul li:nth-child(2n) .txt{ padding-left:0; padding-right:40px;}
/*------------------------------------------------------------------------------------------------------------------------*/
.nei-about3 .main{padding-top:60px;}
.nei-about3 .main h1{font-size:30px; line-height:2em;}
.nei-about3 .main p{ font-size:16px; line-height:2em;}

.nei-about3 ul{width:100%;position:relative;display:block;}
.nei-about3 ul li{display: block;position:relative;margin-top:60px; font-size:0;}
.nei-about3 ul li .img{width:45%;}
.nei-about3 ul li .txt{width:55%; padding-left:40px;}
.nei-about3 ul li .txt h1{ font-size:30px; line-height:1em; padding-bottom:20px;}
.nei-about3 ul li .txt p{font-size:15px; line-height:2em;}
.nei-about3 ul li .txt a{ text-align:right;font-size:14px; line-height:1em; margin-top:20px; display:block;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-contact .main{ font-size:0;}
.nei-contact .main .left{ width:55%; padding-right:40px;}
.nei-contact .main .left h1{ font-size:30px; color:#000; line-height:2em;}
.nei-contact .main .left p{ font-size:14px; line-height:2em;}

.nei-contact .main .right{ width:45%;}
.nei-contact .main .right img{ display:block; width:100%;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-ser{ padding:60px 0;}
.nei-ser .main h1{font-size:30px; line-height:2em;}
.nei-ser .main p{ font-size:16px; line-height:2em;}

.nei-ser .tips{ display:block; width:100%; position:relative; font-size:0;margin:30px 0 20px;}
.nei-ser .tips li{ width:15%; margin-right:2%; font-size:16px; font-weight:bolder; line-height:2em; padding-bottom:5px; border-bottom:5px #ddd solid;}
.nei-ser .tips li:last-child{ margin-right:0;}
.nei-ser .tips li:hover,
.nei-ser .tips li.on{border-color:#008cc9;}

.nei-ser .swiper-slide{ font-size:0;}
.nei-ser .swiper-slide .img{width:49%;}
.nei-ser .swiper-slide .txt{width:51%; padding-left:2%;}
.nei-ser .swiper-slide .txt h1{ font-size:24px;}
.nei-ser .swiper-slide .txt p{font-size:15px; line-height:2em;}
.nei-ser .swiper-slide .txt a{ text-align:right;font-size:14px; line-height:1em; margin-top:20px; display:block;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-join .main{padding-top:60px; padding-bottom:40px;}
.nei-join .main h1{font-size:30px; line-height:2em;}
.nei-join .main p{ font-size:16px; line-height:2em;}

.nei-join dl{display: block;width: 100%;position: relative;margin-top:20px;border: 1px #ddd solid;padding: 20px;}
.nei-join dl dd{display: block;width: 100%;position: relative;}
.nei-join dl dd i{ display:block; height:100%; width:40px; background:#008cc9; position:absolute; top:0; left:0;}
.nei-join dl dd i:before,
.nei-join dl dd i:after{ content:'';position:absolute; top:50%; left:50%; background:#fff;}
.nei-join dl dd i:before{width:4px;height:20px;margin-top: -10px;margin-left: -2px;}
.nei-join dl dd i:after{width:20px;height:4px;margin-top: -2px;margin-left: -10px;}
.nei-join dl dd p{font-size: 16px;line-height:40px; padding-left:50px;}
.nei-join dl dd i.on{ background:#1c69d4;}

.nei-join dl dt{padding-top: 20px;padding-left: 60px;border-top: 1px #ddd dashed;margin-top: 20px;display: none;}
.nei-join dl dt p{ font-size:15px; line-height:2em;}
.nei-join dl dt.on{ display: block;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-news{ padding:60px 0;}
.nei-news .main a{ display:inline-block; width:100%; border-bottom:1px #ddd dashed; padding-bottom:20px; margin-bottom:20px;}
.nei-news .main a h1{ font-size:20px; color:#000; line-height:30px;}
.nei-news .main a h2{ font-size:12px; line-height:20px; color:#999; padding-bottom:20px;}
.nei-news .main a p{ font-size:14px; line-height:24px; color:#666;}
.nei-news .main a h3{ font-size:12px; text-align:right; font-weight:bolder; margin-top:20px;}
.nei-news .main a h3:hover{color:#1c69d4;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-news .main,
.page-news .main p{ font-size:15px; line-height:2em;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-pro1{ padding:60px 0;}
.nei-pro1 .tit{ position:relative; border-bottom:1px #ddd dashed; padding-bottom:20px;}
.nei-pro1 .tit h1{ font-size:30px; line-height:30px;}
.nei-pro1 .tit a{ display:block; position:absolute; top:0; right:0; font-size:14px; line-height:30px; color:#666;}

.nei-pro1 .main a{width:23.5%; margin-right:2%; margin-top:2%;}
.nei-pro1 .main a:nth-child(4n){ margin-right:0;}
.nei-pro1 .main a p{font-size:20px; font-weight:bolder; line-height:2em; color:#000;}
.nei-pro1 .main a h2{font-size:14px; line-height:2em;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.nei-pro2 .tit1{ margin-bottom:0;}
.nei-pro2 .main a{width:23.5%; margin-right:2%; margin-bottom:2%;}
.nei-pro2 .main a p{ font-size:14px; line-height:24px; color:#000; padding-top:5px; text-align:center;}
.nei-pro2 .main a:nth-child(4n){ margin-right:0;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
.page-pro{ padding-top:60px;}

.page-pro .main{padding:30px 0 60px;}
.page-pro .main .left{ width:50%;font-size:14px; line-height:2em; padding-right:60px;}
.page-pro .main .right{width:50%;}
.page-pro .main .right table{ width:100%; margin-left:auto;}
.page-pro .main .right table tr td{ border-bottom:1px #ddd solid; width:10%; padding:10px 0;font-size:14px;line-height:2em;}
.page-pro .main .right table tr:first-child td{ padding-top:0;}

.page-pro .tit{ width:100%; position:relative;padding-bottom:20px;}
.page-pro .tit h1{ font-size:30px;padding-bottom:30px;}
.page-pro .tit p{ font-size:16px; font-weight:bold; line-height:2em; padding-bottom:5px;}

.page-pro .tips{position:relative;}
.page-pro .tips .bullet.on{background:#008cc9;}

.page-pro .swiper-slide{ border:1px #ddd solid;}
.page-pro .swiper-slide img{ display:block; width:100%;}

.page-pro .swiper .but{width:50px;height:50px;background:rgba(0,0,0,.3);position:absolute;top:50%;margin-top:-25px;z-index:999;}
.page-pro .swiper .but:before{content:''; width:10px; height:10px; border:2px rgba(255,255,255,.8) solid;position:absolute;top:50%; margin-top:-5px;}
.page-pro .swiper .prev{left:5px;}
.page-pro .swiper .prev:before{left:50%;margin-left:-5px;border-width:0 0 2px 2px;}
.page-pro .swiper .next{right:5px;}
.page-pro .swiper .next:before{right:50%;margin-right:-5px;border-width:2px 2px 0 0;}
.page-pro .swiper .but:hover{background:#008cc9;}
.page-pro .swiper .but:hover:before{ border-color:#fff;}
.page-pro .swiper .but{opacity:0;visibility:hidden;}
.page-pro .swiper:hover .but{opacity:1; visibility:visible;}

.page-pro .info{ font-size:0; position:relative; margin-top:20px;}
.page-pro .info dl{ width:32%; margin-right:2%;}
.page-pro .info dl:last-child{ margin-right:0;}
.page-pro .info dl dd{font-size:16px; font-weight:bold; line-height:2em;}
.page-pro .info dl dt{ font-size:14px; line-height:24px; height:210px;overflow: overlay;}
.page-pro .info dl dt p{ padding-top:6px;}

.page-pro .info dl dt::-webkit-scrollbar{width:10px;background:none;}
.page-pro .info dl dt::-webkit-scrollbar-thumb{width:10px;height: 20px;display: block;background:none;border-radius:10px;}
.page-pro .info dl dt::-webkit-scrollbar-button,
.page-pro .info dl dt::-webkit-scrollbar-corner{display:none;}
.page-pro .info dl dt:hover::-webkit-scrollbar-thumb{background:#ddd;}
.page-pro .info dl dt::-webkit-scrollbar-thumb:hover{background:#008cc9;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------*/