@charset "utf-8";

/*滚动条*/
/*::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}*/

/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.warp{ max-width:calc(100% - 120px); margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1440px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

.wa_flex{
	display: flex; 
	align-items: center; 
	justify-content: space-between;
}

h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 

/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:20px;}
div.fy a { margin:2px 2px; padding:6px 10px;color:#666;font-size:1.4em; display:inline; background: #fff; }
div.fy a:hover{color:#fff;  background: #008fc3; }
div.fy a:active{ color:#fff;  background: #008fc3; }
div.fy span.current{  margin:2px 2px; padding:6px 10px; color:#fff;  font-size:1.4em;  background: #008fc3; }
div.fy span.disabled{  margin:2px 2px; padding:6px 10px; color:#666; font-size:1.4em; background: #fff;}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#333; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}
/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}

.overCurtain2 .s-close{ float: right; top:20px; right: 20px; position: absolute;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: fit-content;	}

/*header*/
.header .mune .md{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.header{ 
	border-bottom: 3px solid #00b1eb;
	z-index: 2; 
	width: 100%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
/*	position: absolute; top:0; left: 0;  */
background-color: #fff;
	
}


.header .dh_f{
	display: flex; 
	align-items: center; 
	justify-content: space-between;

}
.header .dh_f .dh_img{
	display: flex; 
	align-items: center; 
	justify-content: space-between;
}
.header .dh_f .dh_img img:nth-child(1) {
	margin-right: 37px;
}
.header .dh_f .dh_img img:nth-child(2) {
	margin-right: 23px;
}
.header .dh_f .dh_img img:nth-child(3) {
	margin-right: 10px;
}
.header .dh_s{
	background-color: #ececec;
}

.header .logo{ padding: 25px 0 32px 0px;}
.header .logo a{ display: flex; align-items: center;}
.header .logo .l2{ display: none !important;}

.header .munes,.header .munes .mune{  display: flex; align-items: center;}
.header .munes{
	display: flex; 
	align-items: center; 
	justify-content: space-between;
}
.header .munes a{ color: #333; font-size: 1.4em; text-transform: uppercase; line-height: 36px;}
.header .munes a:hover{ text-decoration: underline;}
.header .munes .mune .m-dot{ position: relative; margin: 0 80px 0 0;} 
.header .munes .hm{
	display: flex; 
	align-items: center; 
	justify-content: space-between;
}
.header .hm p{ font-size:1.4em;}
.header .hm a{ display: flex; align-items: center; font-size: 1.4em; color: #333; margin: 8px 0; padding: 0 0px;}
.header .hm a p{ font-size:1em; margin-left: 5px;}


.header .mune .md{ position: absolute; top:100%; left: calc(50% - 80px); width: 160px;  z-index: 2; text-align: center;  background: rgba(0,69,162,0.5); border-top:1px solid #fff; transform-origin : 50% 0 0; padding: 10px 0; transform: scale(0);}
.header .mune .m-dot:hover .md{ transform: scale(1);}
.header .mune .md a{ display: block; padding: 10px 4px 0 4px;}
.top .header{ position:static;}
.top .header .l1{ display: none;}
.top .header .l2{ display: block !important;}
.top .header .munes a{ color: #333;}
.top .header .lun a{ filter:invert(100%);}
.top .header .mune .md{ background: rgba(0,69,162,1);}
.top .header .mune .md a{ color: #fff;}
.top #hamburger:before,.top  #hamburger:after,.top  #hamburger span { background:#000;}

/*footer*/
.footer a,.footer .fo1 .fs span{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer a:hover{ opacity: 1; text-decoration: underline;}
.footer .fo1{background-color: #ececec; line-height: 60px;}
.footer .fo1 .warp{  display: flex;align-items: center;  justify-content: space-between;}
.footer .fo1 .warp .fo_add img,.footer .fo1 .warp .fo_tel img{
	margin-right: 15px;
}
.footer .fo1 .warp p{
	color: #333;
	font-size: 1.4em;
}
.footer .fo1 .warp .fo_tel p{
	font-style: italic;
	font-size: 2.4em;
	font-weight: bold;
}

.footer .fo2 .warp{text-align: right}
.footer .fo2{ background: #008fc3; padding:6px 0;}
.footer .fo2 p{ font-size:1.4em; color: #fff; line-height: 1.5; opacity: 0.4;}
.footer .fo2 p a{ font-size: 1em; }
.footer .fo2 span{ cursor: pointer; display: inline-block; margin-left: 30px;}
.fo_tel .dot {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}


.bottomlist {
	background: #008fc3;
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 400;
}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}

/*banner*/
.banner img{ width: 100%;}
.banner .swiper-slide{ overflow: hidden; height: 784px;background-size: cover !important;}
.banner .swiper-pagination{ text-align: right; right:60px; bottom:30px; padding-bottom: 20px; left: 0; width: 96%;}
.banner .swiper-pagination-bullet{ text-align: right;  width: 100px; height: 2px;  opacity: 1; border-radius: 0; background: #eee;}
.banner .swiper-pagination-bullet-active{ background: #3977e9;}
.banner .swiper-slide.swiper-slide-active .txt {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 1s; /* 延迟0.5秒执行 */
}
.banner1{
	background: url(../images/banner01.jpg) center center no-repeat;
	padding: 150px 0 0 140px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.banner1 .txt{
	width: 530px;
}
.banner1 h3{
	font-size: 4.8em;
	color: #008fc3;
	font-weight: bold;
	line-height: 60px;
	text-shadow:
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff; /* 使用阴影模拟描边效果 */
}
.banner1 h4{
	font-size: 2.4em;
	color: #008fc3;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 30px;
}

.banner2{
	background: url(../images/banner02.jpg) center center no-repeat;
	padding: 270px 0 0 250px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.banner2 .txt{
	width: 620px;
}
.banner2 h3{
	font-size: 4.8em;
	color: #fff;
	line-height: 60px;
	font-weight: bold;
	
}
.banner2 h4{
	font-size: 2.4em;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 30px;
}


.banner3{
	background: url(../images/banner03.jpg) center center no-repeat;
	padding: 315px 0 0 225px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.banner3 .txt{
	width: 700px;
}
.banner3 h3{
	font-size: 4.8em;
	color: #00b1eb;
	line-height: 60px;
	font-weight: bold;
	
}
.banner3 h4{
	font-size: 2.4em;
	color: #fff;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 30px;
}
.banner .txt {
    opacity: 0;
    transition: opacity 0.5s, transform 0.5s;
    transform: translateY(-100px);
}


/*banners*/
.banners{ display: flex; justify-content: center; height: 600px; background-size: cover !important; align-items:center; }
.banners .warp{ width: 100%; color: #fff; padding-left:160px }
.banners h3{ font-size: 3.6em; line-height: 1.2; position: relative; margin-bottom: 60px; font-weight: bold;text-transform: uppercase;}
/*.banners h3:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -24px;
	border-bottom: 3px solid #fff; 
	width: 42px;
}*/
.banners h4{ margin-top: 74px}
.banners p{ font-size: 3.6em; margin-top: 20px; text-transform: uppercase;font-weight: bold;}
.about{ background: url(../images/banner/banner_about.jpg) center center no-repeat;}
.news{ background: url(../images/banner/banner_news.jpg) center center no-repeat;}
.contact{ background: url(../images/banner/banner_contact.jpg) center center no-repeat;}
.case{ background: url(../images/banner/banner_case.jpg) center center no-repeat;}
.service{ background: url(../images/banner/service-banner.jpg) center center no-repeat;}
.join{ background: url(../images/banner/join-banner.jpg) center center no-repeat;}
.down{ background: url(../images/banner/banner_down.jpg) center center no-repeat;}
.pro{ background: url(../images/banner/banner_product.jpg) center center no-repeat;}
/*line*/
.lines{ padding: 10px 0; border-bottom: 1px solid #dedede; background: #f0f0f0;}
.lines .warp *{ font-size: 1.6em; color: #333; line-height: 1.5;}
.lines span{ margin: 0 15px;}
.lines a:hover{ text-decoration: underline;}
.lines.white{ background: #fff;}

/*about*/
.about span,.ab7 span{ transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.about span{ cursor: pointer; margin-top: 40px; display: inline-block;}
.about span:hover{ transform: scale(0.8);}
.about-t .tit h3{ font-size: 4.8em; color: #333; line-height: 1.5;}

.ab1{ padding: 114px 89px 85px 89px;}
.ab1 .warp{display: flex;}
.ab1 .txt{ width: 52%;}
.ab1 .txt .t h3{ font-size: 3.6em; color: #333; font-weight:bold; line-height: 1; margin-bottom: 42px;}
.ab1 .txt .t span{font-size:3.6em; color: #008fc3; font-weight: bold; margin-bottom: 42px; display: inline-block;}
.ab1 .txt .t p{ font-size: 1.6em; color: #333; line-height:24px; text-indent: 2em; margin-bottom: 25px;}
.ab1 .dot{ margin: 60px 0 0 0; display: flex;  justify-content: space-between; width: 100%}
.ab1 .dot .d{width: calc((100% - 300px)/3)}
.ab1 .dot .d:last-child{ padding-right:0 }
.ab1 .dot .di{ display: flex; align-items: center;justify-content: flex-start; border-bottom: 2px solid #008fc3; 
	width:100%; 
	padding-bottom: 40px;
}
.ab1 .dot .di img{
	margin-right: 27px;
	display: inline-block;
}
.ab1 .dot h3{ font-size: 6em; font-weight: 800; color: #333; line-height: 1; position: relative;}
.ab1 .dot h3:after{
	content: '+';
	position: absolute;
	top: -10px;
	right:-18px;
	width: 10px;
	color: #333;
	font-size:20px;
	font-weight: normal;
}
.ab1 .dot p{ font-size: 2.4em; color: #333; line-height: 1.2; margin:0 5px;align-self: flex-end}
.ab1 .dot .d:last-child p{ font-size: 2.2em;}
.ab1 .dot h4{ font-size: 1.8em; color: #333; line-height: 1.5;padding-left: 72px; margin-top: 20px;text-transform: uppercase;}
.ab1 .img{ width: 48%; text-align:right; padding-top:24px; margin-left: 60px;}
.ab1 .img img{ max-width: 100%;}

.ab1 .dot .d:nth-child(2) .di h3{
	color: #008fc3;
}


.ab2{ padding: 100px 120px 185px 120px; background: url(../images/about/ab2-bg.jpg) top right no-repeat #eee; text-align: center;}

.ab2 .tit{ margin-bottom: 70px;}
.ab2 .tit h3{ color: #333333;font-weight: bold; font-size: 3.6em}
.ab2 .tit h4{ color: #008fc3; font-weight: bold; font-size: 3.6em;text-transform: uppercase;margin-top: 10px;}
.ab2 .warp{ position: relative;}
.ab2 .btn{ width: 120px; height: 40px; top:0; right:20px; position: absolute;}
.ab2 .ab_honor{position: relative;max-width:calc(100% - 220px); margin: 0 auto}
.ab2 .swiper-slide{ padding:10px; text-align: center; border-radius: 10px; background-color: #fff}
.ab2 .swiper-slide img{ max-width:100% }
.ab2 .swiper-slide h3{ font-size: 2.4em; font-weight: bold; line-height: 1.5; color: #fff; margin: 20px 0 10px 0;}
.ab2 .swiper-slide p{ font-size: 1.4em; line-height: 1.5; color: #fff; height: 60px;}
.ab2 .swiper-button-white{ background-size: 14px;  border-radius: 50%; width: 56px; height: 56px;}
.ab2 .abc-p{ left: -100px; background: url(../images/about/ab_left.png) center center no-repeat #00b3e5;}
.ab2 .abc-n{ right: -100px;background: url(../images/about/ab_right.png) center center no-repeat #eaecec; }


.ab3{display: flex; flex-wrap: wrap; align-items: center;width: 100%;align-items: stretch;}
.ab3 .ab3l{
	background: url(../images/about/ab3_bg.jpg) center center no-repeat;
	background-size: cover;  
	width: 53%; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	display: flex;
	align-items: center;
	padding: 100px 50px;

}
.ab3 .ab3l .ab3l_txt{
	max-width: 586px;
	margin: 0 auto;
	
}
.ab3 .ab3l h3,.ab3 .ab3l h4{ 
	font-size: 3.6em;
	color: #fff; 
	font-weight: bold;
 }
.ab3 .ab3l h4{text-transform: uppercase; margin: 22px 0;}
.ab3 .ab3l .ab3l_img{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-bottom: 108px; 
	border-bottom: 1px solid #fff;
	margin-bottom: 45px;
}
.ab3 .ab3l .ab3l_img img:nth-child(1) {
	margin-right: 40px;
}
.ab3 .ab3l .ab3l_img img:nth-child(2) {
	margin-right: 30px;
}
.ab3 .ab3l .ab3l_img img:nth-child(3) {
	margin-right: 10px;
}
.ab3 .ab3l .ab3l_img img:nth-child(4) {
	margin-right: 10px;
}
.ab3 .ab3l p{
	font-size: 1.4em;
	color: #fff;
	line-height: 24px;
}

.ab3 .ab3r{width: 47%; padding: 80px 70px; display:  flex; align-items: center;}
.ab3 .ab3r .ab3r_honor{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap:wrap;
}
.ab3 .ab3r .ab3r_honor img{
	width: calc(50% - 80px) ;
	margin: 40px;
}

.ab4{ padding: 95px 0; background-color: #eeeeee; }
.ab4 .tit{ margin-bottom: 70px; text-align: center;}
.ab4 .tit h3{ color: #333333;font-weight: bold; font-size: 3.6em}
.ab4 .tit h4{ color: #008fc3; font-weight: bold; font-size: 3.6em;text-transform: uppercase;margin-top: 10px;}
.ab4 .abh{ margin:0 auto; max-width:847px; }
.ab4 .abh img{max-width: 100%}
.ab4 .abh a{ position:relative;  display: block;}
.ab4 .abh .tits{ display: block; position: absolute; top: 0 ;bottom: 0;left: 0;right: 0; text-align: center;margin: auto;width: 103px;height: 103px;}
.ab4 .abh a:hover .tits img{ transform: scale(0.9);}


.ab5{ padding: 140px 30px 120px 30px;}
.ab5 .tit{
	padding-left: 60px;
}
.ab5 .tit h3{ color: #333; font-size: 3.6em; font-weight: bold;}
.ab5 .tit h4{ color: #008fc3; font-size: 3.6em; font-weight: bold;text-transform: uppercase;}
.ab5 .tit{ margin-bottom: 90px;}
.ab5 .warp{ position: relative;}
.ab5 .btn{ width: 164px; height: 40px; top:0px; right:50px; position: absolute;}
.ab5 .swiper-slide{ text-align: center; }
.ab5 .swiper-slide img{ max-width:100% }
.ab5 .swiper-slide h3{ font-size: 2.4em; font-weight: bold; line-height: 1.5; color: #fff; margin: 20px 0 10px 0;}
.ab5 .swiper-slide p{ font-size: 1.4em; line-height: 1.5; color: #fff; height: 60px;}
.ab5 .swiper-button-white{ background-size: 14px; border: 1px solid #fff; border-radius: 50%; width: 56px; height: 56px;}
.ab5 .abc-p2{ left: 0; background: url(../images/about/ab_left.png) center center no-repeat #008fc3}
.ab5 .abc-n2{ right: 0; background: url(../images/about/ab_right.png) center center no-repeat #cbcdce}





/*product*/
.product .pd img{  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.product{ padding: 80px 0; background: #f6f6f6;}
.pro_w{
	max-width: 1644px;
}
.product .pdots{display: flex; align-items: stretch;}
.product .pro_txt{
	width: 100%;
	padding:30px ;
	background-color: #fff;
	margin-bottom: 42px;
}
.product .pro_txt h3{
	font-size: 2.4em;
	margin-bottom: 30px;
}
.product .pro_txt h4{
	font-size: 1.8em;
	margin: 30px 0 15px 0;
}
.product .pro_txt p{
	font-size: 1.6em;
	line-height: 30px;
	text-indent: 2em;
}
.pro_yy{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.pro_yy .yy_box{
	margin-right: 20px;
}
.pro_yy .yy_box p{
	text-indent: 0;
	text-align: center;
}
.pro_yy img{
	border: 1px solid #bbb;
	max-width: 100%;
}
.product .pro_txt .pro_yy p{
	line-height: 45px;
}

.product .pdots .none{ width:100%; font-size: 2em; color: #333; font-weight: bold; line-height: 1.5; text-align: center;}
.product .pdots .pdot{ width: calc(100% - 383px); padding-left: 64px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  flex-wrap: wrap; }
.pro_box{
	display: flex; 
	flex-wrap: wrap;
}
.product .pro_box .pd{ margin: 0 42px 42px 0; text-align: center; background: #fff; width: calc((100% - 84px)/3); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;   }
.product .pro_box .pd:nth-child(3n){
	margin-right: 0;
}
.product .pd img{ width: 100%;}
.product .pd .img{ overflow: hidden; border-bottom:4px solid #008fc3; }
.product .pd .t{background-color: #eee}
.product .pd .t h3{ font-size: 1.8em; color: #000; line-height: 65px; height: 65px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product .pd:hover img{ transform: scale(1.1);}

.product .plist{ width: 383px; order:-1;  }
.product .list_box{
	padding:23px 20px 10px 20px;
	background-color: #fff;
}
.product .plist .pt{ padding: 15px 15px;  background-color: #008fc3; border-radius: 5px;}
.product .plist .pt h3{ padding-left: 5px; font-size: 2.4em; font-weight: bold; color: #fff;}

.product .pl {
    background: #fff;
    margin: 20px 0;
}
.product .plt{margin: 10px 0}
.product .pl a {
    padding: 12px 15px;
    border-left: 4px solid #fff;
    line-height: 24px;
    font-size: 1.6em;
    color: #333;
    position: relative;
    display:block
}

.product .plt.lock ,.product .plt:hover{background-color: #eeeeee}
.product .plt.lock a, .product .plt a:hover {
    border-left: 4px solid #008fc3;
}

.product .plist .search_box{
	margin-top: 32px;
	padding:40px 45px 10px 45px;
	background-color: #fff;
}
.product .plist .tit h3{font-size: 1.8em; font-weight: bold; color: #000;margin-bottom: 32px;}
.product .plist .form_li p{
	color: #555;
	font-size: 1.6em;
}

.product .plist .form_li .lis1{
	
	margin: 15px 0 25px 0;
}

.product .plist .form_li .lis2{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0 25px 0;
}
    .product .plist .form_li .lis2 .search_dw {
        padding-right: 0;
        width: 100%;
        background-color: #f6f6f6;
        border: none;
        line-height: 38px;
        padding-left: 20px;
        font-size: 1.6em;
        color: #888;
    }
.product .plist .form_li .lis2 .form_inp{
	width:calc(50%  - 6px);
}
.product .plist .form_li .lis2 .search_input{
	margin-right: 0px;
}
.product .plist .form_li .lis2 .layui-input{
	padding-right: 0;
	width: 100%;
	background-color: #f6f6f6;
	border: none;

}

.product .plist .form_li .lis2 button{
	width: 150px;
	height: 38px;
	background: url(../images/fdj.jpg)  44px center no-repeat #008fc3;
	color: #fff;
	font-size: 1.6em;
	padding-left: 32px;
	border: none;
	cursor: pointer;

}

/*下拉样式*/
.product .plist .form_li .layui-form-select .layui-edge {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    cursor: pointer;
    background: url(../images/down.png) center center no-repeat;
    background-size: cover;
    border:none;
    width: 20px;
    height: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.product .plist .form_li .layui-form-select dl dd.layui-this {
    background-color: #f6f6f6;
    color: #000;
    font-weight: 700;
    font-size: 1.4em;
}

.product .plist .form_li .layui-form-select .layui-input {
   background-color: #f6f6f6;
   border:none;
   color: #888;
}
.product .plist .form_li  .layui-input{
	text-indent: 10px;
	font-size: 1.6em;
}
.product .plist .form_li  .layui-input:hover{
    border-color: #f6f6f6!important;
    background-color: #f6f6f6;
}

.product .plist .form_li  .layui-input:focus, .product .plist .form_li  .layui-textarea:focus {
    border-color:#f6f6f6!important;
    box-shadow:none;
}
.layui-input-wrap .layui-input:focus+.layui-input-split {
	border:none
}

.product .plist .form_li .layui-form-select dl dd{
	font-size: 1.4em;
	padding-left: 20px;
}

.product .fy{ width: 100%;}

/*二级页面*/
.product .pdots .pdot2 {
    width: 100%;
    padding-top: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    height: 100%
}
.product .pdots .pdot2 .pro_t{
	margin: 0 50px;
	border-bottom: 3px solid #eeeeee;
	padding-bottom: 25px;
	
}
.product .pdots .pdot2 .pro_t h4{
	font-size: 2.4em;
	color: #000;
}
.product .pdots .pdot2 .pro_list{
	padding: 45px 50px;
	border-bottom: 4px solid #eeeeee;
}
    .product .pdots .pdot2 .pro_list.sea {
        min-height: 400px;
    }
.pro_table{
	overflow-x: auto;
}
.pro_list table{
	width: 100%;
	min-width: 1000px;
}

.pro_list thead tr {
    color: #333333;
    line-height: 50px;
    text-align: left;
}
.pro_list thead th {
    padding-left: 30px;
    font-size:1.4em;
}


.pro_list thead tr:nth-child(2) th {
    font-size: 1.4em;
    font-weight:normal;
}
.pro_list table tr{
	line-height: 50px;
}
.pro_list table tr:nth-child(odd) {
    line-height: 60px;
}
.pro_list table tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.pro_list thead tr:first-child {
    background-color: #eeeeee;
    font-weight: bold;
    line-height:22px
}
    .pro_list thead tr:first-child th {
        padding: 10px 0 10px 30px
    }
    .pro_list table td {
        padding-left: 30px;
        font-size: 1.4em;
        color: #333333;
    }
.pro_list table td a{
	color: #008fc3;
/*	text-decoration: underline;*/
}

.product .pdots .pdot2 .pro_down{
	padding: 35px 50px;
}
.product .pdots .pdot2 .pro_down a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 340px;
	background-color: #008fc3;
	padding: 17px 23px;
}
.product .pdots .pdot2 .pro_down a p{
	font-size: 1.4em;
	color: #fff;
}
/**产品搜索**/
.pro_search {
    background-color: #fff;
    padding: 40px 20px 20px 20px;
    border-bottom: 1px solid #eee;
}

    .pro_search form {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

.sea_box {
    margin-right: 20px;
}

    .sea_box:last-child {
        margin-left: 20px;
    }

    .sea_box .layui-input {
        padding-right: 0;
        width: 100%;
        background-color: #f6f6f6;
        border: none;
    }

    .sea_box .layui-form-label {
        font-size: 1.4em;
        width: 100%;
        text-align:left
    }
    .sea_box .layui-inline {
        width:100%
    }
    .sea_box .layui-input-inline {
        width: calc(100% - 50px);
    }
    

    .sea_box button {
        width: 200px;
        height: 173px;
        background: #008fc3;
        color: #fff;
        font-size: 1.6em;
        /* padding-left: 32px; */
        border: none;
        cursor: pointer;
    }

    /*搜索下拉样式*/
    .sea_box .layui-form-select .layui-edge {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
        cursor: pointer;
        background: url(../images/down.png) center center no-repeat;
        background-size: cover;
        border: none;
        width: 20px;
        height: 20px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

    .sea_box .layui-form-select dl dd.layui-this {
        background-color: #f6f6f6;
        color: #000;
        font-weight: 700;
        font-size: 1.4em;
    }

    .sea_box .layui-form-select .layui-input {
        border: none;
        color: #888;
        
    }

.sea_box .layui-input {
    text-indent: 10px;
    font-size: 1.4em;
}
    .sea_box .search_input {
        border-bottom: 1px solid #ccc;
        background-color:#fff;
        
    }
        .sea_box .layui-input:hover {
            
            
        }
    .sea_box .search_input:hover {
        border-bottom: 1px solid #008fc3
    }

    .sea_box .layui-input:focus, .sea_box .layui-textarea:focus {
        border-color: #f6f6f6 !important;
        box-shadow: none;
    }

.layui-input-wrap .layui-input:focus + .layui-input-split {
    border: none
}

.sea_box .layui-form-select dl dd {
    font-size: 1.4em;
    padding-left: 20px;
}

.pro_sea_list {
    margin-top: 20px;
}

.pro_table {
    overflow-x: auto;
}

.pro_sea_list table {
    width: 100%;
    min-width: 663px;
}

.pro_sea_list thead tr {
    color: #333333;
    line-height: 50px;
    text-align: left;
}

.pro_sea_list thead th {
    padding-left: 30px;
    font-size: 1.4em;
}

.pro_sea_list thead tr:first-child {
    background-color: #eeeeee;
    font-weight: bold;
}

.pro_sea_list thead tr:nth-child(2) th {
    font-size: 1.4em;
    font-weight: normal;
}

.pro_sea_list table tr {
    line-height: 50px;
}

    .pro_sea_list table tr:nth-child(odd) {
        line-height: 60px;
    }

.pro_sea_list table tbody tr:nth-child(odd) {
    background-color: #f7f7f7;
}

.pro_sea_list table td {
    padding-left: 30px;
    font-size: 1.4em;
    color: #333333;
}

    .pro_sea_list table td a {
        color: #008fc3;
        text-decoration: underline;
    }



/*productshow*/
.proshow{display: flex; justify-content: space-between;padding: 32px 50px;border-bottom: 4px solid #eeeeee; flex-wrap: wrap;}
.pro_show_img{
	margin-right: 30px;
	width: calc(50% - 30px);
	text-align: center;
}
.pro_show_info{
	width: 50%;
}

.pro_show_info li strong,.pro_show_info li span{
	font-size: 1.6em;
	color: #000;
	line-height: 40px;
}
.proshow_memo{
	padding: 40px 50px;
}
.proshow_memo .tit{
	padding-left: 20px;
}
.proshow_memo .tit h4{
	font-size: 2.4em;
	color: #000;
	font-weight: bold;
	margin-bottom: 40px;
}
.proshow_memo .memo .cct{
	text-align: center;
}
.proshow_memo .memo img{
	margin-bottom: 40px;
	max-width: 100%;
}
.proshow_memo .memo .memo_table {
	width: 100%;
	margin-bottom: 50px;
}

.proshow_memo .memo i{
	text-align: left;
	font-size: 1.4em;
	color: #888888;
	display: block;
	font-style: normal;
	margin-top: 15px;
}

/**配件详细**/
.pro_show_info h3{
	font-size: 1.6em;
	margin-bottom: 25px;
}
.pro_show_info a{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 246px;
	background-color: #008fc3;
	padding: 17px 30px;
}
.pro_show_info a p{
	font-size: 1.4em;
	color: #fff;
	line-height: 1em;
}
.acc_table{
	overflow-x: auto;
	overflow-y: hidden;
}
.acc_table table{
	width: 100%;
	margin-bottom: 20px;
	min-width: 810px;
}


.acc_table td{
	padding:15px 8px;
	text-align: left;
	line-height:24px;
	font-size: 1.4em;

}
.acc_table tr:nth-child(odd){
	background-color: #eeeeee
}
.acc_table tr:nth-child(odd) td{
	border-bottom: 1px dashed #888;
}

.prod-row{
	font-size: 0;
}
.prod-row li {
    float: left;
    width: calc(100%/7);
}
.prod-row .hd {
    
    text-align: center;
	line-height:60px;
	font-size: 1.4em;
    border-bottom: 1px dashed #888;
    background-color: #eee;
    font-weight: bold;
}
.prod-row .dt {
    line-height:60px;
	font-size: 1.4em;
	text-align: center;
}



/*download*/
.download .dl a,.download .dl a *{  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.download{ padding: 80px 0; background: #f6f6f6; }
.download .dld{ padding: 23px 18px 50px 18px;max-width: 1644px; margin: 0 auto; background-color: #fff}
.download .dld .tit{
	background-color: #f2f2f2;
	border-radius: 6px;
	margin-bottom: 28px;
}
.download .dld .tit h3{
	background-color: #008fc3;
	font-size: 2.4em;
	color: #fff;
	line-height: 55px;
	display: inline-block;
	padding:0 28px;
	border-radius: 6px;
	font-weight: bold;
}
.download .dld .tit.tit_h3{
	margin-top: 50px;
}


.download .dld .list_tit{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-left: 12px;
	margin-bottom: 4px;
	margin-top: 28px;
}
.download .dld .list_tit img{
	margin-right: 10px;
}
.download .dld .list_tit h4{
	font-size: 1.6em;
	color: #333;
	font-weight: bold;
}

.download .dld .list_box{
	display: flex;
	justify-content: flex-start;
	flex-wrap:wrap;
	background: url(../images/download/downlist_bg.jpg) left top repeat;
}
.download .dld .list_box a{
	display: inline-block;
	padding: 23px 37px;
	font-size: 1.6em;
	color: #333;
}

.download .dld table tr td{ padding: 10px 30px; font-size: 1.8em; color: #333; line-height: 1.5; background: #fff; border: 1px solid #e4e4e4; vertical-align: middle; text-align: center;}
.download .dld table tr:first-child td{ background: #e6e6e6; border: 1px solid #fff;}
.download .dld table tr.line{ border-top:10px solid #e4e4e4;}
.download .dld .ct td{ background: #f5f9ff;}
.download .dld .cc{ text-align: left;}



/*case*/
.cboxs .cbox .txt,.cboxs .cbox img{  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.case-t{ padding: 60px 0;}
.case_w{max-width: 1554px;}
.case-t .tit{padding-left: 15px; padding-bottom: 80px}
.case-t .tit p{font-size: 1.6em; color: #333; line-height: 30px}
.case-t .clist{ margin-bottom: 20px;}
.case-t .clist a{ margin: 5px 50px 5px 0; font-size: 1.6em; color: #333; line-height: 1.5; padding: 12px 40px; border-radius: 40px; background: #fff; display:inline-block;}
.case-t .clist a.lock,.case-t .clist a:hover{ color: #fff; font-weight: bold; background-image:linear-gradient(90deg,#1557a5 0%,#3caeea 100%);}
.cboxs{display: flex; flex-wrap: wrap; justify-content:flex-start;}
.cboxs .cbox{ background: #fff; width: calc((100% - 140px)/5); margin:0px 35px 60px 0px;}
.cboxs .cbox:nth-child(5n){
	margin-right: 0;
}
.cboxs .cbox img{ width: 100%; border: 1px solid #ececec;}
.cboxs .cbox .img{ overflow: hidden;}
.cboxs .cbox .txt{ padding: 30px 0 0 0; text-align: center;}
.cboxs .cbox .txt p{ font-size: 1.6em; color: #333; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3;}
.cboxs .cbox:hover .img img{ transform: scale(1.1);}

/*news*/
.news-list{
	background-color: #fff;
	height: 56px;
}
.news_w{
	max-width: 1450px;
}
.news-list .nlist a{ margin: 0 30px 0 0; padding: 0 5px;  font-size: 1.6em; color: #333; line-height: 56px; background: #fff; display: inline-block; position: relative;}
.news-list .nlist a.lock:after,.news-list .nlist a:hover:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -2px;
	width: 100%;
	height: 4px;
	border-radius: 2px;
	background-color: #008fc3;
	
}

.news-t .ntop .img img,.news-t .nds .nd *{  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.news-t{ padding: 75px 0; background: #f6f6f6;}

.news-t .nds{ flex-wrap: wrap; display: flex;}
.news-t .nds .nd{ background: #fff;  width: calc((100% - 40px)/3); margin: 0 20px 20px 0}
.news-t .nds .nd:nth-child(3n){
	margin-right: 0;
}
.news-t .nds .img{ overflow: hidden; }
.news-t .nds .img img{ width: 100%;}
.news-t .nds .txt{ padding: 30px 40px;}
.news-t .nds .txt h3{ font-size: 2.2em; font-weight: bold; color: #333; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 15px;line-height:24px}
.news-t .nds .txt h4{ font-size: 1.4em; color: #555;margin-bottom: 25px;}
.news-t .nds .txt p{ font-size: 1.4em; color: #555; line-height: 20px; height: 60px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3;}
.news-t .nds .txt span{ font-size: 1.4em; color: #333; line-height: 1.5;  margin-top: 24px; display: inline-block;}
.news-t .nds .nd:hover img{ transform: scale(1.1);}

/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:80px 0; background: #f6f6f6;}
.newsshow .boxs{ background:#fff; }
.newsshow .tit{ padding:40px; text-align:center; border-bottom: 1px solid #eee;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#727171; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#008fc3 !important; color:#fff !important;}

/*contact*/
.contact-t{ padding-bottom:90px }
.con1{max-width: 1324px;margin: -110px auto 0 auto }
.con1 .ctxt{display: flex; justify-content: space-between;flex-wrap: wrap; }
.con1 .ctxt .ctd{  width: calc(50% - 10px); margin-bottom: 20px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.con1 .ctxt .ctd:nth-child(2){
	background-color: #fff;
	padding:36px 83px 0 83px;
}
.con1 .ctxt .ctd .cinfo,.con1 .ctxt .ctd .ctel{
	background-color: #fff;
	width: 100%;
}
.con1 .ctxt .ctd .cinfo{
	padding:36px 36px 36px 86px;
	margin-bottom: 20px;	
}
.con1 .ctxt .ctd .ctel{
	padding:86px 0 86px 86px ;
	display: flex;
  	align-items: center; /* 垂直居中 */
  	background-image: url('../images/contact/contact_bg.jpg'); /* 背景图片路径 */
	background-repeat: no-repeat; /* 防止图片重复 */
	background-position: right center ; /* 定位到右下角 */
	background-position-x: calc(100% - 35px); /* X轴向右偏移20px */
	background-color: #008fc3;
  
}
.con1 .dot{ width: 100%;  position: relative; margin-bottom: 17px;}
.con1 .dot i{
	position: absolute;
	top: 13px;
	left: 10px;
	color: #ff0000;
	font-weight: bold;
	font-size: 1.4em;
}

.con1 input,.con1 textarea{ 
	font-size: 1.4em; 
	outline:none; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;  
	line-height:24px; 
	color:#000;  
	border: none; 
	padding: 10px 20px;  
	background-color: #f6f6f6;
	width: 100%;
	font-weight: 400;
	font-family: "Microsoft Yahei";
}
.con1 textarea{ height: 140px;}
.con1 .btn{ text-align:left;}
.con1 .btn .fc-btn{border:none; padding:13px 70px;  font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background-color: #008fc3; }
.con1 .btn .fc-btn:hover{ background: #000;}



.con1 .ctxt .ctd h3{ font-size: 2.4em; color: #333; line-height: 1.5;  margin: 0px 0 20px 0;}
.con1 .ctxt .ctd:nth-child(2) h3{
	margin-top: 10px;
}
.con1 .ctxt .ctd h4{font-size: 1.8em; color: #008fc3; font-weight: bold; line-height:24px;margin-bottom: 20px;}
.con1 .ctxt .ctd p{ font-size:1.4em; color:#333; line-height:24px; }

.con1 .ctxt .ctd .ctel p{ color:#fff }


.map{max-width: 1204px; padding: 20px; background: #fff; margin: 30px auto 0 auto}
.map img{max-width: 100%}