@charset "utf-8";

@font-face {	
font-family: 'LatoRegular';	
src: url("../fonts/LatoRegular.eot");
src: url("../fonts/LatoRegular.eot") format("embedded-opentype"), 
url("../fonts/LatoRegular.woff") format("woff"), 
url("../fonts/LatoRegular.ttf") format("truetype"), 
url("../fonts/LatoRegular.svg") format("svg");	
font-weight: normal;
font-style: normal;}

@font-face {	
font-family: 'lato-bold';	
src: url("../fonts/lato-bold.eot");
src: url("../fonts/lato-bold.eot") format("embedded-opentype"), 
url("../fonts/lato-bold.woff") format("woff"), 
url("../fonts/lato-bold.ttf") format("truetype"), 
url("../fonts/lato-bold.svg") format("svg");	
font-weight: normal;
font-style: normal;}

html{ overflow-x:hidden}
*{margin:0;padding:0;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
body{
	font-family:"LatoRegular", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:30px;
-webkit-font-smoothing: antialiased; 	overflow-x:hidden;
	background:#fff;
	color:#242426;
	font-weight: normal;
}
a{color:#242426; 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:#06a3e0}
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:"LatoRegular", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}

.section{ padding:90px 0 100px 0;}
.sectionpre{ padding-top:90px;}
.sectionnext{ padding-bottom:100px;}



#a01, #a02, #a03, #a04, #a05, #a06{ position: absolute;  margin-top:-100px;}
.wrap{ width:90%; margin:0 auto}
.xwrap .nmain .wrap{ max-width:1440px; margin:0 auto}
.space{ height:100px;}

.jvzhong{ text-align:center}
.title {margin-bottom:30px;}
.ipic .title, .icase .title {margin-bottom:50px;}
.title h3{ font-size:50px; line-height:60px; font-weight:bold; }
.title h4{ font-size:24px;}

.ntitle{ margin-bottom:50px;}
.ntitle h3{ font-size:45px; font-weight:bold;}
.ncontact .ntitle:nth-child(1){ margin-bottom:50px;}
.ncontact .ntitle h3, .nfeedback .ntitle h3, .nser01 .ntitle h3, .nser02 .ntitle h3, .nser03 .ntitle h3, .nser04 .ntitle h3{ font-size:36px; font-weight:bold;}
.ntitle h4{ font-size:24px; margin-top:25px;}
.ntitle p{ font-size:18px; margin-top:10px;}
.more{ font-size:16px;}

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


.header{width: 100%; top:0;left:0;position:fixed; z-index:9999;background:#fff; box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.header .wrap{ height:100px; }
.header .menu li .wrap{ height:auto;}
.header .wrap .logo{ position:absolute; right:5%; top:50%; margin-top:-32px;}
.header .wrap .logo img{ height:64px; width:auto; display:block}
.header .wrap .tdown{ position:absolute; right:calc(5% + 140px); top:50%; margin-top:-12px;}
.header .wrap .tdown img{ height:24px; width:auto; display:block; border-right:solid 1px #ddd; padding-right:30px;}
.header .wrap .menu{ float:left; text-transform:capitalize}
.header .menu li { display:inline-block;white-space: nowrap;}
.header .menu li:nth-child(3),.header .menu li:nth-child(4), .header .menu li:nth-child(5), .header .menu li:nth-child(6), .header .menu li:nth-child(7){ position:relative;}
.header .menu li .menu_a{ line-height:100px; display:block; font-size:19px; position:relative; margin:0 20px}
.header .menu li:nth-child(1) .menu_a{ margin-left:0}
.header .menu li.arrow .menu_a{margin:0 32px 0 20px}
.header .menu li .menu_a:after {content: '';width: 0;height: 2px;background:#06a3e0;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}
.header .menu li .menu_a.cur{ color:#06a3e0;}
.header .menu li.arrow .menu_a:before{ content:""; position:absolute; right:-20px; top:0%; width: 9px;  height: 100%; transition: all 0.3s;background: url(../images/arrow1.png) right center no-repeat;}
.header .menu li.arrow .menu_a.cur:before, .header .menu li.arrow .menu_a:hover:before{transform: rotate(180deg);}
.header .menu li .sub{position:absolute; margin-left:-8px; display:none;clear:both; background:#fff; z-index:99;left: 50%;top: 100%; text-align: center;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%); }
.header .menu li .sub.cur{ display:block}
.header .menu li .subduan{box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.header .menu .subduan{ text-align:center; line-height:50px; border-radius:5px; overflow:hidden; }
.header .menu .subduan a{ display:block; background-color:#fff; color:#6d6d6d; border-bottom:solid 1px #e5e5e5; padding:0 30px; }
.header .menu .subduan a:hover{background-color: #ededed; color:#242426;}
.header .menu li .subchang{ width:100%; left:0%; top:100px; background-image: linear-gradient(to bottom, #fbfbfb 20%, #fff); margin-left:0px;text-align: left;-webkit-transform:translateX(-0%);-moz-transform:translateX(-0%);transform:translateX(-0%);  }
.header .menu li .subchang .wrap{display: -webkit-box;display: flex;lex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; padding:30px 0 40px 0;}
.header .menu li .subchang .wrap .item{ width:32%; margin-right:2%}
.header .menu li .subchang .wrap .item:nth-child(3n){ margin-right:0;}
.header .menu li .subchang .wrap .item h3{ font-size:20px; font-weight:bold; margin-bottom:12px; padding-bottom:12px; border-bottom:solid 1px #ddd}
.header .menu li .subchang .wrap .item .con{ width:display: -webkit-box;display: flex;lex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; width:100%;}
.header .menu li .subchang .wrap .item .con .left, .header .menu li .subchang .wrap .item .con .right{
	width:49.5%;
	margin-right:1%;
	font-size:12px;
	line-height:24px;

}
.header .menu li .subchang .wrap .item .con .right{ margin-right:0}
/*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 .search{ float:left; margin:26px 0; width:48px; height:48px; margin-left:50px; position:relative;}
.header .search .sou{ line-height:48px; height:48px; background:url(../images/search.png) #daf1fa no-repeat center center;  background-size:100% auto; border-radius:50%; display:block; }
.header .search .sub{ display:none; position:absolute; z-index:9990; left:0px;top:0; background:#fff; padding:7px 0 10px 0; line-height:40px;}
.header .search .sub .search_btn{background:url(../images/search.png) no-repeat center center; background-size:200% auto; width:16px; height:40px; border:none; float:left; cursor:pointer;}
.header .search .sub .inp{width:calc(100% - 30px); height:40px; border:none; font-size:14px; border-bottom:solid 1px #e6e6e6; float:right;}
.header .search.cur .sub{ display:block; width:400px;}
.header .search .sub .search-con{ position:absolute; top:50%; right:0; margin-top:-7px; cursor:pointer; width:14px; height:14px; background:url(../images/closeb.png) no-repeat center center / cover;}


.banner{ position:relative; }
.banner img{ display:block; width:100%; height:auto;}
.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:25%; text-align:center; width:100%;}
.banner .swiper-slide:nth-child(3) .text{ line-height:30px; position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; text-align:left;}
.banner .swiper-slide:nth-child(3) .text h4{ display:inline-block; border:solid 1px #fff; padding:15px; font-size:45px; margin:20px 0}
.banner .swiper-slide:nth-child(3) .text p{ font-size:30px; line-height:42px; padding-left:20px; position:relative}
.banner .swiper-slide:nth-child(3) .text p:after{ content:""; position:absolute; left:0; top:50%; width:6px; height:6px; border-radius:50%; background:#07a3e0; border:solid 2px #fff;}
.banner .swiper-slide .text h3{font-size:72px; color:#fff; /*text-shadow: 0.5px 0.5px 2px #666;*/ line-height:72px; font-weight:bold;opacity: 0;visibility: hidden;transform: translateY(20px);transition: 0.45s;}
.banner .swiper-slide:nth-child(3) .text h3{ font-size:60px;}

.banner .swiper-slide.swiper-slide-active .text h3, .banner .swiper-slide.swiper-slide-active .text h4, .banner .swiper-slide.swiper-slide-active .text p{opacity: 1;visibility: visible;transform: translateX(0);transition-delay: 0.5s;}
.banner .swiper-slide.swiper-slide-active .text h3 {transition-delay: 0.2s;}
.banner .swiper-slide.swiper-slide-active .text h4 {transition-delay: 0.3s;}
.banner .swiper-slide.swiper-slide-active .text p {transition-delay: 0.4s;}
.banner .swiper-pagination{bottom:5%; z-index:22;}
.banner .swiper-pagination-bullet{ width:14px; height:14px; background:#fff;border-radius:50%;position:relative;transition:.3s; opacity:1; margin:0 12px; top:0px;}
.banner .swiper-pagination-bullet-active{ background:#06a3e0;border:solid 2px #06a3e0; width:16px; height:16px; top:1px; }


.iproduct a{ display:block; position: relative; }
.iproduct .prokuai{ margin-top:20px; width:calc(50% - 10px); float:left;}
.iproduct .prokuai:nth-child(1){ width:100%}
.iproduct .prokuai:nth-child(1){ background:url(../images/probg01.jpg) no-repeat center center;  background-size:cover; padding:7% 0 5% 0;}
.iproduct .prokuai:nth-child(2){ background:url(../images/probg04.jpg) no-repeat center center;  background-size:cover; padding:4%; text-align:center;}
.iproduct .prokuai:nth-child(3){ background:url(../images/probg05.jpg) no-repeat center center;  background-size:cover; padding:4%; text-align:center;}
.iproduct .prokuai:nth-child(4){ background:url(../images/probg02.jpg) no-repeat center center;  background-size:cover; padding:4%; text-align:center;}
.iproduct .prokuai:nth-child(5){ background:url(../images/probg03.jpg) no-repeat center center;  background-size:cover; padding:4%; text-align:center;}
.iproduct .prokuai:nth-child(1) .pic{ width:49%; margin-left:48%;}
.iproduct .prokuai:nth-child(2) .pic, .iproduct .prokuai:nth-child(3) .pic, .iproduct .prokuai:nth-child(4) .pic, .iproduct .prokuai:nth-child(5) .pic{ width:70%; margin:0 auto;}
.iproduct .prokuai:nth-child(1) .text{position:absolute;left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:35%; width:50%;}
.iproduct .prokuai .text h3{ font-size:55px; line-height:60px; font-weight:bold; margin-bottom:25px; color:#2b2b2d;}
.iproduct .prokuai:hover .text h3{ color:#06a3e0;}
.iproduct .prokuai .text p{ font-size:24px; color:#242426;}
.iproduct .prokuai:nth-child(1) .text p{ font-size:30px; line-height:48px; color:#242426}
.iproduct .prokuai .more{ margin-top:70px; text-align:center; width:160px; height:45px; line-height:45px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.iproduct .prokuai .more i{ display:block; position:absolute; left:15px; top:50%; margin-top:-11px; width:22px; height:22px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:15px auto; border-radius:50%; }
.iproduct .prokuai:hover .more{background:#06a3e0;}
.iproduct .prokuai:hover .more i{background:url(../images/jt02.png) #fff no-repeat center center;  background-size:15px auto; }
.iproduct .prokuai:nth-child(2){ margin-right:20px;}
.iproduct .prokuai:nth-child(4){ margin-right:20px;}
.iproduct .prokuai:nth-child(2) .text h3,  .iproduct .prokuai:nth-child(3) .text h3, .iproduct .prokuai:nth-child(2) .text p,  .iproduct .prokuai:nth-child(3) .text p{ color:#fff;}


.iabout .videosrcval {display: block;width: 80px;height: 80px;margin: 0 auto;position: absolute; top:40%; left:50%; margin-left:-40px;}
.iabout .videosrcval i {
  display: block;
  background: url(../images/videobut.png) no-repeat center center; background-size:cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.iabout .videosrcval::before, .iabout .videosrcval::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 80px;
  height: 80px;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  -webkit-animation: rippleOne 3s infinite;
  animation: rippleOne 3s infinite;
}
.iabout .videosrcval::before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
.iabout .videosrcval::after {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
}
@keyframes rippleOne {
  70% {
    -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
  }
}
.focusvideo {display: none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-video {display: block;}
.video-show {position: absolute;z-index: 999;width: 920px;height: auto;background: #000;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.video-close {height: 37px;width: 30px;background: url(../images/close.png) no-repeat;background-size: 30px 30px;position: absolute;top: -37px;right: 0;cursor: pointer;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;color: #fff;font-size: 18px;}
.video-close:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.focusvideo #videovl {width: 100%;height: 100%;}
.iabout .conn{ position:relative;}
.iabout .conn img{ display:block; width:100%; height:auto; }
.iabout .conn .intro{
	position:absolute;
	top:0;
	text-align:center;
	width:60%;
	font-size:17px;
	line-height:28px;
left:20%;
}
.iabout .conn .gmore a{ color:#06a3e0; font-size:16px; margin-top:30px; display:inline-block; position:relative}
.iabout .conn .gmore a:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#06a3e0; }

.ipic .conn{ position:relative;}
.ipic .conn .item{ width:calc(25% - 15px); float:right; margin-bottom:20px; margin-right:20px; position:relative;}
.ipic .conn .item:nth-child(5), .ipic .conn .item:nth-child(6), .ipic .conn .item:nth-child(7){margin-bottom:0px;}
.ipic .conn .item:first-child{ position:absolute; height:100%; left:0; top:0;}
.ipic .conn .item:first-child .pic{ position:absolute; width:100%;height:100%; left:0; top:0; }
.ipic .conn .item:first-child .pic.img-dv .img1{ position:absolute; width:100%; height:100%}
.ipic .conn .item:nth-child(2), .ipic .conn .item:nth-child(5){ margin-right:0px;}
.ipic .conn .item:nth-child(5){ clear:both;}
.ipic .conn .item .text{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(2,163,224,0.75); opacity:0}
.ipic .conn .item .text p{ font-size:24px; color:#fff; display:block; width:100%; text-align:center;position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; }
.ipic .conn .item:hover .text{ opacity:1;}

.icase{ background:url(../images/casebg.jpg) no-repeat center center; background-size:cover;}
.icase .title h3{ color:#fff;}
.icase .swiper-slide{ border-radius:25px; overflow:hidden; width:70%; background:#fff; margin-bottom:80px;}
.icase .swiper-slide a{ display:block;}
.icase .swiper-slide .pic{ float:left; width:50%;border-radius:25px; overflow:hidden; }
.icase .swiper-slide .text{ float:right; width:50%; padding:5%}
.icase .swiper-slide .text h3{ font-size:30px; margin-bottom:20px;}
.icase .swiper-slide .text p{
	font-size:17px;
	color:#000;
	line-height:30px;
	display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 6;	overflow: hidden;
	font-weight: normal;
}
.icase .swiper-slide .text .casemore{ width:45px; height:45px;background:url(../images/casemore.png) no-repeat center center; background-size:cover; margin-top:45px;}
.icase .swiper-slide:hover .text .casemore{background:url(../images/casemore02.png) no-repeat center center; background-size:cover;}

.icase .swiper-pagination, .inews .swiper-pagination{ width:auto;position:absolute;left:50%;-moz-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%); bottom:0%; padding:8px 25px; border-radius:25px; background-color:rgba(0,0,0,0.5)}
.icase .swiper-pagination-bullet, .inews .swiper-pagination-bullet{ width:10px; height:10px; border-radius:5px; background:#fff;}
.icase .swiper-pagination-bullet-active, .inews .swiper-pagination-bullet-active{ background:#fff; width:30px;}

.inews .swiper-slide {margin-bottom:80px;}
.inews .swiper-slide .date{ width:84px; margin:0 auto; height:84px; border-radius:50%; border:solid 4px #fff; background:#06a3e0; color:#fff; font-size:18px; text-align:center; line-height:26px;}
.inews .swiper-slide .date span{ font-size:30px; font-weight:bold; display: block; padding-top:13px;}
.inews .swiper-slide .cont{ background:#f5f5f7; padding:70px 40px 50px 40px; border-radius:20px; overflow:hidden; position:relative; margin-top:-45px; z-index:-1;}
.inews .swiper-slide .cont h3{ font-size:20px; color:#242426; height: 90px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; margin-bottom:15px;}
.inews .swiper-slide .cont {
	color:#242426;
	font-size:16px;
	line-height:24px;
	height: 280px;
	display: -webkit-box;
-webkit-box-orient: vertical;-webkit-line-clamp: 2;	overflow: hidden;
	font-weight: normal;
}
.inews .swiper-slide .bg{ position:absolute; left:0; top:0; width:100%; height:100%; display:none }
.inews .swiper-slide:hover .bg{ display:block;}


.footer{background:url(../images/footerbg.jpg) no-repeat center top; background-size:cover; position:relative; margin-top:-100px; padding-top:190px;}
.footer .fcontent .wrap{ background-color:rgba(0,0,0,0.6); padding:50px 60px; position:relative; color:#fff}
.footer .fcontent .wrap a{ color:#fff;}
.footer .fcontent .wrap a:hover{ font-weight:bold;}
.footer .fcontent .wrap h3, .footer .fcontent .wrap h4{ font-size:18px;}
.footer .fcontent .wrap .flink h3{ text-transform:uppercase; position:relative; padding-bottom:15px; margin-bottom:20px;}
.footer .fcontent .wrap .flink h3:after{ content:""; position:absolute; left:0; bottom:0; width:25px; height:2px; background:#06a3e0; }
.footer .fcontent .fmessages{ float:left; width:34%; padding-right:60px;}
.footer .fcontent .flink{  float:left; width:40%;  padding-right:60px; display: flex;display: -webkit-flex;justify-content: space-between;} 
.icontact .red {color: #06a3e0;margin-right: 10px;}
.footer .fcontent .fmessages form{ margin-top:20px;}
.footer .fcontent .fmessages .row{ position:relative;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.footer .fcontent .fmessages .items-1{ width:48.5%;  position:relative; margin-bottom:15px; margin-right:3%}
.footer .fcontent .fmessages .items-2, .footer .fcontent .fmessages .items-3{ position:relative}
.footer .fcontent .fmessages .items-3{ margin-top:20px;}
.footer .fcontent .fmessages .items-1:nth-child(2n){ margin-right:0%}
.footer .fcontent .fmessages .items,.icontact .items-2{ position:relative;}
.footer .fcontent .fmessages .items{ margin-bottom:15px}
.footer .fcontent .fmessages label{ position:absolute; left:0; color:#666; line-height:50px;height:50px; padding-left:15px}
.footer .fcontent .fmessages .inp{width:100%;border:none;background:#f7fcfc;line-height:50px;height:50px;padding-left: 110px;border-radius:10px;}
.footer .fcontent .fmessages textarea{
	width: 100%;
	height: 120px;
	border:none;
	background:#f7fcfc;
	display: block;
	padding-top:30px;
	line-height:42px;
	border-radius:10px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.footer .fcontent .fmessages .yzm{width:100%; border:none; background:#f7fcfc;line-height:50px; padding:0 15px}
.footer .fcontent .fmessages .inp-submit{ border:none; text-align:center; width:160px; height:45px; line-height:45px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.footer .fcontent .fmessages .items-3:after{ content:""; position:absolute; z-index:2; left:15px; top:50%; margin-top:-11px; width:22px; height:22px;background:url(../images/jt02.png) #fff no-repeat center center;  background-size:15px auto; border-radius:50%; }
.footer .fcontent .fmessages .inp-submit{background:#06a3e0;}

.footer .fcontent .flink .item{ display:inline-block;}
.footer .fcontent .fcontact{ position:absolute; line-height:24px; top:0; right:0; width:26%; height:100%; padding:50px 60px; background:url(../images/logobg.png) #06a3e0 no-repeat right bottom; background-size:60% auto; }
.footer .fcontent .fcontact:after{ content:""; position:absolute; top:30px; right:50px; width:110px; height:64px; background:url(../images/flogo.png) no-repeat center top; background-size:cover;}
.footer .fcontent .fcontact h3{ text-transform:uppercase; position:relative; padding-bottom:15px; margin-bottom:25px;}
.footer .fcontent .fcontact h3:after{ content:""; position:absolute; left:0; bottom:0; width:25px; height:2px; background:#fff; }

.footer .copyright{ font-size:18px; color:#fff; text-align:center; padding:50px 0;}


.nbanner{ position:relative; text-transform:capitalize;}
.nbanner img{ display:block; width:100%; height:auto;}
.nbanner .text{ position:absolute;left:50%;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%); top:50%; text-align:center;  color:#fff; width:100%;text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);}
.nbanner .text h3{ margin-bottom:20px; font-size:65px; font-weight:bold; line-height:65px;}
.nbanner .text{ font-size:18px;}
.nbanner .text a{ color:#fff;}
.nbanner .nguide{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: center;}
.nbanner .nguide li{ padding:0 35px; display:inline-block; position: relative;}
.nbanner .nguide li:after{ content:""; position:absolute; right:0; width:1px; height:16px; top:50%; margin-top:-8px; background:#fff;}
.nbanner .nguide li:last-child:after{ display:none}
.nbanner .nguide li a:hover, .nbanner .nguide li.cur a{ color:#06a3e0}

.ncontact .lx{ background:#e7f6fd; padding-top:40px;}
.ncontact .lx .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.ncontact .lx .wrap .item{ width:23.5%; margin-right:2%; text-align:center;}
.ncontact .lx .wrap .item:nth-child(4n){ margin-right:0; }
.ncontact .lx .wrap .item .icon{ width:50%; padding:18px; border-radius:50%; border:dashed 1px #58c1ea; display:inline-block; margin:0 auto; background:#e7f6fd; position:relative; z-index:2;}
.ncontact .lx .wrap .item .icon img{ display:block; width:100%; height:auto; border-radius:50%; overflow:hidden}
.ncontact .lx .wrap .item .conn{ position:relative; margin-top:-100px; border-radius:20px; background:#fff; padding:120px 30px 50px 30px;}
.ncontact .lx .wrap .item .conn h3{ font-size:24px; font-weight:bold; margin-bottom:15px;}
.ncontact .lx .wrap .item .conn p{ text-align:left;}

.nfeedback{ position:relative}
.nfeedback:after{ content:""; position:absolute; left:0; top:0; width:100%; height:60%; background:#e7f6fd; z-index:-1;}
.nfeedback .conn{ padding:40px; border-radius:30px; background:#fff;}

.red{ color:#06a3e0;}
.nfeedback .conn form{ margin-top:20px;}
.nfeedback .conn .row{ position:relative;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nfeedback .conn .items-1{ width:32%;  position:relative; margin-bottom:15px; margin-right:2%}
.nfeedback .conn .items-2, .nfeedback .conn .items-3{ position:relative}
.nfeedback .conn .items-3{ margin-top:20px;}
.nfeedback .conn .items-1:nth-child(3n){ margin-right:0%}
.nfeedback .conn .items,.icontact .items-2{ position:relative;}
.nfeedback .conn .items{ margin-bottom:15px}
.nfeedback .conn label{ position:absolute; left:0; color:#888; line-height:50px;height:50px; padding-left:15px}
.nfeedback .conn .inp{width:100%;border:none;background:#e7f6fd;line-height:50px;height:50px;padding-left: 160px;border-radius:10px;}
.nfeedback .conn textarea{width: 100%;height: 120px;border:none;background:#e7f6fd;display: block;text-indent: 190px;line-height:42px;border-radius:10px;}
.nfeedback .conn .yzm{width:100%; border:none; background:#e7f6fd;line-height:50px; padding:0 15px}
.nfeedback .conn .items-3{ width:160px; margin:20px auto 0 auto;}
.nfeedback .conn .inp-submit{ border:none; text-align:center; width:160px; display:inline-block; height:45px; line-height:45px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; z-index:33; background:#242426;}
.nfeedback .conn .items-3:after{ content:""; position:absolute; z-index:34; left:15px; top:50%; margin-top:-11px; width:22px; height:22px;background:url(../images/jt02.png) #fff no-repeat center center;  background-size:15px auto; border-radius:50%; }
.nfeedback .conn .inp-submit{background:#06a3e0;}

.nab01 .conn h3{ font-size:36px; line-height:40px; font-weight:bold; margin:30px 0 10px 0;}
.nab01 .conn h4{ font-size:24px; line-height:35px;}
.nab01 .roll{ padding:0 65px; position:relative; margin-top:60px;}
.nab01 .roll .text p{ font-size:20px; margin-top:10px; text-align:center;}

.nab01 .swiper-button-prev, .nab01 .swiper-button-next{ width:45px; height:45px; margin-top:-22.5px; outline:none; top:50%; border-radius:50%; overflow:hidden}
.nab01 .swiper-button-prev{ background:url(../images/casemore.png) no-repeat center center /cover; left:0%; transform: rotate(180deg); opacity:0.5;}
.nab01 .swiper-button-next{ background:url(../images/casemore.png) no-repeat center center /cover;right:0%; opacity:0.5;}
.nab01 .swiper-button-prev:hover{ background:url(../images/casemore02.png) no-repeat center center /cover; transform: rotate(180deg); opacity:1;}
.nab01 .swiper-button-next:hover{ background:url(../images/casemore02.png) no-repeat center center /cover; opacity:1;}
.nab01 .ntitle{ margin-bottom:30px;}

.nab02{background:url(../images/ab02bg.jpg) no-repeat center center / cover;}
.nab02 .ntitle h3, .nab02 .ntitle h4{ color:#fff;}
.nab02 .conn{ position:relative;display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nab02 .conn .item{ width:48.5%; margin-right:3%; padding:30px; border-radius:25px; background:#fff; position:relative}
.nab02 .conn .item:nth-child(2n){ margin-right:0;}
.nab02 .conn .item .icon{ border-radius:50%;border:dashed 1px #58c1ea;text-align:center; width:202px; height:202px; text-align:center;}
.nab02 .conn .item .icon .inn{ border-radius:50%; overflow:hidden;  border:solid 18px #e6f6fc; width:200px; height:200px;  }
.nab02 .conn .item .icon .inn img{ display:block; margin:18% auto 10px auto;}
.nab02 .conn .item .text{position:absolute;right:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:calc(100% - 240px); padding:40px;}
.nab02 .conn .item .text h3{ font-size:30px; font-weight:bold; margin-bottom:20px;}
.nab02 .conn .item .text p{ font-size:24px; color:#242426;}

.nab03{background:url(../images/ab03bg.jpg) no-repeat center 15%; background-size:100% auto; position:relative; }
.nab03 .conn{ padding-bottom:80px;}
.nab03:after{ content:""; position:absolute; left:0; bottom:135px; width:100%; height:1px; background:#ddd;}
.nab03 .swiper-slide{ position:relative; min-height:520px; padding:40px 40px 100px 40px;}
.nab03 .swiper-slide:after{ content:""; position:absolute; left:0; top:0; width:2px; height:calc(100% - 55px); background-image: linear-gradient(to bottom, #ddd, #fff); }
.nab03 .swiper-slide .date{ position: absolute; left:0; bottom:0; font-size:20px; padding-top:35px; font-style:italic;} 
.nab03 .swiper-slide .date:after{ content:""; position:absolute; left:0; top:0; width:14px; height:14px; border-radius:50%; border:solid 4px #ddd; background:#fff; z-index:2}
.nab03 .swiper-slide .text h3{ font-size:30px; font-weight:bold; margin-bottom:15px;}

.nab03 .swiper-button-prev, .nab03 .swiper-button-next, .nab04 .swiper-button-prev, .nab04 .swiper-button-next{ width:45px; height:45px; outline:none; top:auto; bottom:0; right:auto; left:50%; border-radius:50%; overflow:hidden}
.nab03 .swiper-button-prev, .nab04 .swiper-button-prev{ background:url(../images/casemore.png) no-repeat center center /cover; transform: rotate(180deg); opacity:0.5; margin-left:-50px}
.nab03 .swiper-button-next, .nab04 .swiper-button-next{ background:url(../images/casemore.png) no-repeat center center /cover;opacity:0.5; margin-left:5px}
.nab03 .swiper-button-prev:hover, .nab04 .swiper-button-prev:hover{ background:url(../images/casemore02.png) no-repeat center center /cover; transform: rotate(180deg); opacity:1;}
.nab03 .swiper-button-next:hover, .nab04 .swiper-button-next:hover{ background:url(../images/casemore02.png) no-repeat center center /cover; opacity:1;}


.nab04{ position:relative;}
.nab04:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#e7f6fd; z-index:-1;}
.nab04 .swiper-slide{ padding:18px; position:relative;  background:#fff; border:solid 1px #ddd; margin-bottom:80px;}


.nab05 .pro-nav{ position: relative; text-align:center; margin-top:-15px}
.nab05 .pro-nav li{ display:inline-block;} 
.nab05 .pro-nav li a{ display:block; line-height:35px; background:#242426; border-radius:20px; padding:0 20px; color:#fff;}
.nab05 .pro-nav li.cur a{ background:#06a3e0; }
.nab05 .protab-wrap{ margin-top:35px;}
.nab05 .protab-wrap .item{height: 0;opacity: 0;overflow: hidden;}
.nab05 .protab-wrap .item.cur{height: auto;opacity: 1;}
.nab05 .i-product-list{ position:relative}
.nab05 .protab-wrap .item .swiper-slide{ margin-bottom:60px;}
.nab05 .swiper-pagination{bottom:0px !important;}
.nab05 .swiper-pagination-bullet{width: 8px;height: 8px;background-color: #06a3e0;opacity: 1;margin:0 10px!important;position: relative;}
.nab05 .swiper-pagination-bullet:after{content: '';border: 1px solid #06a3e0;border-radius: 50%;width: calc(100% + 12px);height: calc(100% + 12px);position: absolute;left: -6px;top: -6px;box-sizing: border-box;opacity: 0;}
.nab05 .swiper-slide-active{z-index: 2;}
.nab05 .swiper-pagination-bullet-active{ background:#06a3e0; }
.nab05 .swiper-pagination-bullet-active:after{opacity: 1;border: 1px solid #06a3e0; }


.topnews .pic{ float:left; width:46%; border-radius:25px; overflow:hidden;}
.topnews .text{ float:right; width:50%; margin-top:50px;}
.topnews .text h3{ font-size:30px; }
.topnews .text .date{
	color:#666;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 60px;
	margin-left: 0;
}
.topnews .text { color:#242426; }
.topnews .text .more{ margin-top:70px; text-align:center; width:160px; height:45px; line-height:45px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.topnews .text .more i{ display:block; position:absolute; left:15px; top:50%; margin-top:-11px; width:22px; height:22px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:15px auto; border-radius:50%; }
.topnews .swiper-slide:hover .more{background:#06a3e0;}
.topnews .swiper-slide:hover .more i{background:url(../images/jt02.png) #fff no-repeat center center;  background-size:15px auto; }
.topnews .swiper-button-prev, .topnews .swiper-button-next{ width:45px; height:45px; outline:none; top:auto; bottom:0; left:auto;right:0; border-radius:50%; overflow:hidden}
.topnews .swiper-button-prev{ background:url(../images/casemore.png) no-repeat center center /cover; transform: rotate(180deg); opacity:0.5; right:50px;}
.topnews .swiper-button-next{ background:url(../images/casemore.png) no-repeat center center /cover;opacity:0.5;}
.topnews .swiper-button-prev:hover{ background:url(../images/casemore02.png) no-repeat center center /cover; transform: rotate(180deg); opacity:1;}
.topnews .swiper-button-next:hover{ background:url(../images/casemore02.png) no-repeat center center /cover; opacity:1;}

.allnews{ background:#e7f6fd; }
.allnews .lists{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.allnews .lists .item{ width:calc(25% - 15px); margin-right:20px; margin-bottom:20px; text-align:center; border-radius:25px; background:#fff; position:relative}
.allnews .lists .item:hover{ border:solid 1px #06a3e0;box-shadow: 0 0 15px rgba(0,0,0,0.15); }
.allnews .lists .item:nth-child(4n){ margin-right:0; }
.allnews .lists .item .pic{border-radius:25px 25px 0 0; }
.allnews .lists .item .text{ padding:20px 30px 40px 30px;}
.allnews .lists .item .text h3{ font-size:17px; color:#242426; height: 80px; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.allnews .lists .item .text .more{ margin-top:20px; text-align:center; width:126px; height:35px; line-height:35px; font-size:14px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.allnews .lists .item .text .more i{ display:block; position:absolute; left:12px; top:50%; margin-top:-10px; width:20px; height:20px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:13px auto; border-radius:50%; }
.allnews .lists .item:hover .text .more{background:#06a3e0;}
.allnews .lists .item:hover .text .more i{background:url(../images/jt02.png) #fff no-repeat center center;  background-size:13px auto; }



.nnewslist .newsitem:hover{background:#f6f6f6; }
.nnewslist .newsitem .wrap{border-bottom:1px solid #e4e4e4;padding:35px 0;}
.nnewslist .newsitem a{ display:block; position:relative; }
.nnewslist .newsitem .pic{ width:28%; border-radius:25px; overflow:hidden;}
.nnewslist .newsitem .text{ width:68%; position: absolute; right:0; top:0;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:48%; }
.nnewslist .newsitem .text .date{ color:#666; margin:10px 0;}
.nnewslist .newsitem .text h3{ font-size:22px;}
.nnewslist .newsitem:hover .text h3{color:#06a3e0;}
.nnewslist .newsitem .text p{line-height:26px; height:78px; color:#242424; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.nnewslist .newsitem .text .more{ margin-top:40px; text-align:center; width:126px; height:35px; line-height:35px; font-size:14px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.nnewslist .newsitem .text .more i{ display:block; position:absolute; left:12px; top:50%; margin-top:-10px; width:20px; height:20px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:13px auto; border-radius:50%; }
.nnewslist .newsitem:hover .text .more{background:#06a3e0;}
.nnewslist .newsitem:hover .text .more i{background:url(../images/jt02.png) #fff no-repeat center; background-size:13px auto;}

.newsdetail .left{ width:70%; float:left}
.newsdetail .left .conn p{ margin-bottom:15px;}
.newsdetail .left .conn img{ max-width:100%;}
.newsdetail .left .shangxia{ margin-top:50px; position:relative; z-index:50;}
.newsdetail .left .shangxia ul{width: 100%;display:flex;display:-webkit-flex;justify-content: space-between; padding:15px 0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; }
.newsdetail .left .shangxia ul li{display:inline-block;}
.newsdetail .left .shangxia ul li a{ color:#666;}
.newsdetail .left .shangxia ul li a:hover{ color:#06a3e0;}
.newsdetail .right{ width:25%; float:right}
.newsdetail .nnewstitle{ margin-bottom:22px;}
.newsdetail .right .nnewstitle{border-bottom:solid 1px #ddd;}
.newsdetail .nnewstitle h3{ font-size:30px; padding-bottom:20px; font-weight:bold}
.newsdetail .nnewstitle .date{ color:#666;}
.newsdetail .right .item{ text-align:center; margin-bottom:35px;}
.newsdetail .right .item .pic{ border-radius:25px; overflow:hidden;}
.newsdetail .right .item .text{ font-size:18px; margin-top:10px;}

.nser01 .pic{ float:left; width:48%; }
.nser01 .text{ float:right; width:48%; margin-top:3%; }
.nser01 .text p{ position:relative; padding-left:30px; line-height:35px; font-size:18px;}
.nser01 .text p:after{ content:""; position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:#06a3e0; border: solid 5px #daf1fa;}

.nser02{ background:#e7f6fd; }
.nser02 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nser02 .conn .item{ width:49%; margin-right:2%; background:#fff; padding:40px; border-radius:25px; overflow:hidden; position:relative;}
.nser02 .conn .item:last-child{ margin-right:0;}
.nser02 .conn .item .pic{ border-radius:50%;overflow:hidden; border:dashed 1px #58c1ea;width:30%; max-width:200px;}
.nser02 .conn .item .pic img{ display:block; border:solid 18px #e6f6fc; border-radius:50%;overflow:hidden; }
.nser02 .conn .item .text{position:absolute;right:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:70%; padding:40px;}
.nser02 .conn .item .text h3{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.nser02 .conn .item .text p{ color:#666;}
.nser02 .conn .item .text .more{ margin-top:30px; text-align:center; width:126px; height:35px; line-height:35px; font-size:14px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.nser02 .conn .item .text .more i{ display:block; position:absolute; left:12px; top:50%; margin-top:-10px; width:20px; height:20px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:13px auto; border-radius:50%; }
.nser02 .conn .item:hover .text .more{background:#06a3e0;}
.nser02 .conn .item:hover .text .more i{background:url(../images/jt02.png) #fff no-repeat center; background-size:13px auto;}


.focuspic{display: none; position: fixed;width: 100%;height: 100%;top:0; left:0;z-index: 9999;background-color: rgba(0, 0, 0, 0.85);}
.show-pic{ display:block}
.pic-show {position: absolute;z-index: 999;width:640px; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.pic-close{height: 37px;width: 30px;background: url(../images/close.png) no-repeat;background-size: 30px 30px;position: absolute;top: -37px;right: 0;cursor: pointer;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;color: #fff;font-size: 18px;}
.pic-close:hover {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
.focuspic #picvl {width: 100%;height: 100%;}
.pic-show .conn{ padding:30px; background:#fff;}

.nser03 .conn{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.nser03 .conn .item{ width:32%; margin-right:2%; margin-bottom:2%; background:#e6f6fc; border-radius:25px; padding:40px 40px 80px 40px; text-align:center}
.nser03 .conn .item:nth-child(3n){ margin-right:0; }
.nser03 .conn .item .icon{ border:dashed 1px #58c1ea; display:inline-block; border-radius:50%; margin-bottom:20px;}
.nser03 .conn .item .icon .inn{margin:18px; background:#fff; border-radius:50%; overflow:hidden; }
.nser03 .conn .item:hover .icon .inn{ background:#06a3e0;}
.nser03 .conn .item .icon img{ display:block; width:120px; height:auto; border-radius:50%}
.nser03 .conn .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
.nser03 .conn .item:hover .icon img{filter: grayscale(100%)brightness(2000%); }
.nser03 .conn .item .text h3{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.nser03 .conn .item .text p{ color:#666;}
.nser03 .conn .item .text .more{ margin-top:30px; text-align:center; width:126px; height:35px; line-height:35px; font-size:14px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.nser03 .conn .item .text .more i{ display:block; position:absolute; left:12px; top:50%; margin-top:-10px; width:20px; height:20px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:13px auto; border-radius:50%; }
.nser03 .conn .item:hover .text .more{background:#06a3e0;}
.nser03 .conn .item:hover .text .more i{background:url(../images/jt02.png) #fff no-repeat center; background-size:13px auto;}

.nser04{ position:relative; z-index:88;}
.aqlist li {border: solid 1px #ddd;border-radius: 15px;padding: 35px;margin-top: -25px;background: #fff;cursor: pointer;}
.aqlist li:first-child {margin-top: 0px}
.aqlist li.cur {background: #e6f6fc;border: solid 1px #06a3e0;}
.aqlist .toptit {background: url(../images/jia.png) no-repeat right center;line-height: 35px;font-size: 24px;margin-bottom: 25px; padding-right:30px;}
.aqlist li:last-child .toptit {margin-bottom: 0;}
.aqlist li.cur .toptit {background: url(../images/jian.png) no-repeat right center;color: #06a3e0;}
.aqlist .cont {display: none;margin-bottom: 35px;}
.aqlist li:last-child .cont {margin-top: 25px;margin-bottom: 0;}
.aqlist .cont h3 {line-height: 35px;font-size: 24px;color: #06a3e0;}

.caselist .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}
.caselist .wrap .item{ width:32%; margin-right:2%; margin-bottom:2%; border-radius:25px; text-align:center}
.caselist .wrap .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
.caselist .wrap .item:nth-child(3n){ margin-right:0; }
.caselist .wrap .pic{ border-radius:25px; overflow:hidden;}
.caselist .wrap .text{ padding:15px 15px 30px 15px;}
.caselist .wrap .text h3{ font-size:18px; line-height:26px; font-weight:bold; height:52px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.caselist .wrap .text p{height: 78px; text-align:left; line-height:26px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; color:#242424;}
.caselist .wrap .text .jt{ width:45px; height:45px;background:url(../images/casemore.png) no-repeat center center; background-size:cover; margin:22px auto 0 auto;}
.caselist .wrap .item:hover .text .jt{background:url(../images/casemore02.png) no-repeat center center; background-size:cover;}


.nprolist .prokuai{ margin-bottom:100px; position:relative; z-index:20}
.nprolist .prokuai:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:50%; background:#e6f6fc; z-index:-1;}
.nprolist .prokuai:last-child{ margin-bottom:0;}
.nprolist .prokuai .pic{ float:left; width:50%}
.nprolist .prokuai:nth-child(2n) .pic{ float:right}
.nprolist .prokuai .text{ width:50%; float:right; margin-top:3%; padding:0 5% 0 3% }
.nprolist .prokuai:nth-child(2n) .text{ float:left;padding:0 3% 0 5% }
.nprolist .prokuai .text .conn{ font-size:17px;}
.nprolist .prokuai .text .conn {height:60px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.nprolist .prokuai .text .ntitle{ margin-bottom:35px;}

.nprolist .prokuai .text .more{ margin-top:15px; text-align:center; width:126px; height:35px; line-height:35px; font-size:14px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.nprolist .prokuai .text .more i{ display:block; position:absolute; left:12px; top:50%; margin-top:-10px; width:20px; height:20px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:13px auto; border-radius:50%; }
.nprolist .prokuai:hover .text .more{background:#06a3e0;}
.nprolist .prokuai:hover .text .more i{background:url(../images/jt02.png) #fff no-repeat center; background-size:13px auto;}

.nprolist .rolls{ position:absolute; left:50%; width:50%; bottom:40px;  padding:0 5% 0 3%}
.nprolist .prokuai:nth-child(2n) .rolls{ padding:0 3% 0 5%;  left:0%;}
.nprolist .prokuai .swiper-slide .pic{ width:100%; float:none;}
.nprolist .prokuai .swiper-slide p{ text-align:center; font-size:15px; margin-top:10px; line-height:20px; height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#333;}
.nprolist .prokuai .swiper-slide:hover p{ color:#06a3e0}
.nprolists .conn{background:#e7f6fd; padding:80px 0;}
.nprolists .conn .wrap{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; }
.nprolists .conn .item{ width:calc(25% - 16px); margin-right:20px; margin-bottom:20px; text-align:center; background:#fff}
.nprolists .conn .item:hover{ border:solid 1px #06a3e0;box-shadow: 0 0 15px rgba(0,0,0,0.15); }
.nprolists .conn .item:hover{box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);}
.nprolists .conn .item:nth-child(4n){ margin-right:0; }
.nprolists .conn .item .pic{ border-bottom:solid 1px #e7f6fd}
.nprolists .conn .item .text{ padding:15px 15px 20px 15px; font-size:18px}


.protop{background:url(../images/pxbg.jpg) no-repeat center top; background-size:cover;}
.protop .location{ padding:15px 0; border-bottom:solid 1px rgba(255,255,255,0.7);}
.protop .procon{ padding:40px 0 100px 0; position: relative;}
.protop .swiper-container-wrapper{ float:left; width:50%; position:relative; border:solid 1px #dedede; background:#fff; padding:10px;}
.protop .swiper-container-wrapper .gallery-top img{ display:block; width:100%; height:auto;}

.protop .gallery-top {width: 80%; margin-left:20%; position:relative}
.protop .gallery-top .plogo{ width:20%; position:absolute; top:5%; right:5%; z-index:99}

.protop .gallery-thumbs {width: 13%;height:calc(100% - 20px); overflow:hidden; position:absolute; left:20px; top:10px;}
.protop .gallery-thumbs .swiper-wrapper {flex-direction: column;}
.protop .gallery-thumbs .swiper-slide {flex-flow: column nowrap;width: 100%;cursor: pointer;}
.protop .gallery-thumbs .swiper-slide .pic{ display:block; margin:5px 0; border: 1px solid #ddd;}
.protop .gallery-thumbs .swiper-slide-thumb-active .pic{border: 1px solid #06a3e0;}

.protop .gallery-top {width: 80%; margin-left:20%}
.protop .swiper-button-next, .protop .swiper-button-prev{ top:15px; bottom:0px; left:50%; margin-left:-12.5px; border:none !important; color: #15274d !important; width:25px; height:25px;text-align:center; transform: rotate(90deg);}




.protop .swiper-button-next, .protop .swiper-button-prev{ top:28px; bottom:0px; left:50%; margin-left:-14px; border:none !important; width:28px; height:28px; border-radius:50%;color: #fff !important;  background:#06a3e0; text-align:center; transform: rotate(90deg);}
.protop .swiper-button-next{ top:auto; bottom:0px;}
.protop .swiper-button-next.swiper-button-disabled, .protop .swiper-button-prev.swiper-button-disabled{color: #666 !important;  background:#e5e5e5;}
.protop .swiper-button-next:after, .protop  .swiper-button-prev:after{font-size: 18px !important; border:none !important; line-height:25px; width:25px; height:25px;}

.protop .wenzi{ float:right; width:46%; padding-top:2%;}
.protop .wenzi .conn h1{ padding-bottom:5px !important;}
.protop .wenzi .conn { font-family:"LatoRegular", Arial, Helvetica, sans-serif;font-size:16px;line-height:26px;}
.protop .wenzi .protitle h3{ font-size:30px; font-weight:bold; margin:20px 0;}
.protop .wenzi .protitle h4{ font-size:24px; margin-bottom:20px}
.protop .wenzi .conn h3{ font-size:18px; font-weight:bold}

.protop .wenzi .more{ margin-top:40px; text-align:center; width:160px; height:45px; line-height:45px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; background:#242426;}
.protop .wenzi .more i{ display:block; position:absolute; left:15px; top:50%; margin-top:-11px; width:22px; height:22px;background:url(../images/jt.png) #fff no-repeat center center;  background-size:15px auto; border-radius:50%; }
.protop .wenzi .more:hover{background:#06a3e0;}
.protop .wenzi .more:hover i{background:url(../images/jt02.png) #fff no-repeat center center;  background-size:15px auto; }

.npdpnav{ border-bottom:solid 1px #ddd;}
.npdpnav ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.npdpnav li{white-space:nowrap; width:auto; display:inline-block; font-size:18px; margin-right:35px; }
.npdpnav li a{ display:inline-block; white-space:nowrap;padding-bottom: 20px; position:relative}
.npdpnav li.cur a{ color:#06a3e0;}
.npdpnav li.cur a:after{ content:""; position: absolute; left:0; bottom:0; width:100%; height:1px; background:#06a3e0;}

.npdpnav.fixeds{position:fixed; left:0; padding-top:20px; top:100px; width:100%; z-index:98; background: #eee;}
.npdpnav.fixeds ul{ max-width:1440px; margin:0 auto;}
.section-wrapper {margin-top: -150px;padding-top: 150px;}

.prodetail .title{ margin-bottom:0}
.prodetail .ktitle { font-size:24px; font-weight:bold; margin-top:35px;}
.prodetail .intro{ padding:25px 0; font-size:18px; color:#333;}
.prodetail .intro table{ border-left:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.prodetail .intro .autosize{ overflow-x:auto}

.prodetail .intro table td{
	border-right:solid 1px #ddd;
	border-top:solid 1px #ddd;
	height: 50px;	
}
.prodetail .intro img{ width:auto; max-width:100%}

.prodetail.newsdetail .right .item .pic{ border:solid 1px #ddd; border-radius:0}

.prodetail .conn .row{ position:relative;/*display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;*/}
.prodetail .conn .items-1{position:relative; margin-bottom:15px;}
.prodetail .conn .items-2, .nfeedback .conn .items-3{ position:relative}
.prodetail .conn .items-3{ margin-top:20px; position:relative;}
.prodetail .conn .items,.prodetail .items-2{ position:relative;}
.prodetail .conn .items{ margin-bottom:15px}
.prodetail .conn label{margin-top:5px;}
.prodetail .conn .inp{width:100%;border:none;background:#fff; border:solid 1px #ddd; line-height:40px;height:40px;padding:10px;border-radius:10px;}
.prodetail .conn textarea{width: 100%;height: 120px;border:none;background:#fff; border:solid 1px #ddd;display: block;padding:10px;border-radius:10px;border-radius:10px;}
.prodetail .conn .yzm{width:100%; border:none; background:#e7f6fd;line-height:50px; padding:0 15px}
.prodetail .conn .items-3{ width:160px; margin:20px 0 0 0;}
.prodetail .conn .inp-submit{ border:none; text-align:center; width:160px; height:45px; line-height:45px; display:inline-block; border-radius:25px; color:#fff; padding-left:20px; position:relative; z-index:33; background:#242426;}
.prodetail .conn .items-3:after{ content:""; position:absolute; z-index:34; left:15px; top:50%; margin-top:-11px; width:22px; height:22px;background:url(../images/jt02.png) #fff no-repeat center center;  background-size:15px auto; border-radius:50%; }
.prodetail .conn .inp-submit{background:#06a3e0;}