@charset "utf-8";
/* CSS Document */



/*********banner*******************/
.hmPage1{ position:relative; width:100%;}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.05); transform:scale(1.05);}
.hmFocus_img:after{ content: ""; background: rgba(0, 0, 0, 0.0); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmFocus_img1:after{ content: ""; background: rgba(0, 110, 199, 0.15); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 3s linear forwards; animation: scaleBg 3s linear forwards;}
.hmFocus_item{width:100vw; height:700px; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center;}
.hmFocus_txt strong{ display: block; transition: all 0.8s ease-in-out; transform: translate(-150px,0px); opacity: 0; letter-spacing: 1px; color: rgba(255,255,255,1);font-size:0.6rem; line-height:1.5; font-weight:bold;} 
.hmFocus_txt p{ margin-top: 18px; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 30px; line-height:1.5; color: #fff; display: block; position:relative;}
.on .hmFocus_txt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ height: 2px; width: 100%; position: absolute; left: 0px; bottom: 4vh; z-index: 5; text-align:center}
.hmFocus_dot span{ display: inline-block; margin: 0px 5px; height:6px; width:65px; background:rgba(255,255,255,0.5); cursor:pointer; position:relative; }
.hmFocus_dot span.on{height:6px;}
.hmFocus_dot span:after{content:""; background:#0b46a7; width:0; height:6px; position:absolute; left:0; top:0;}
.hmFocus_dot span.on:after{ width:100%; transition:all 4.8s linear;}
.hmFocus .slick-prev{ background: rgba(255, 255, 255, 0.3) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 70px; width: 70px; border-radius: 50%;position: absolute; left: 0.5rem; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -35px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.3; transform:rotate(180deg); }
.hmFocus .slick-next{  background:rgba(255, 255, 255, 0.3) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 70px; width: 70px; border-radius: 50%;position: absolute; right: 0.5rem; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -35px; z-index:3; transition:all 0.5s ease-in-out; opacity:0.3;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1;}
@media (max-width:1799px){

.hmFocus .slick-prev{ background-size:30px auto; left:30px;}
.hmFocus .slick-next{ background-size:30px auto; right:30px;}
}
@media (max-width:1199px){
.hmPage1{position:relative;}

}
@media (max-width:993px){
.hmFocus_item{ height:560px;}

}

@media (max-width:767px){
*{ letter-spacing:0!important;}
.hmFocus_item{ height:340px;}
.hmFocus .slick-prev{left:0;}
.hmFocus .slick-next{right:0;}
.hmFocus_txt1{padding-bottom:20px;}  
.hmFocus_dot span{ margin: 0px 3px; height:2px; width:40px; }
.hmFocus_dot span.on{height:4px;}
.hmFocus_dot span:after{ height:4px;}
.hmFocus .slick-prev,.hmFocus .slick-next{display:none!important;}
}

@media (max-width:640px){
.hmFocus_item{ height:240px;}
}
.xiangxia{position: absolute;z-index: 22;width: 100%;text-align: center;bottom:35px;}
.xiangxia a{display: inline-block;width:50px;height:50px;/*border:1px solid white;*/text-align: center;line-height: 80px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}
.xiangxia span{display: block;color: #fff; margin-top:5px; font-size:12px;}
@keyframes run1{
0%{transform: translateY(-3px);}
50%{transform: translateY(3px);}
100%{transform: translateY(-3px);}
}




.sy-title{position:relative;margin-bottom: 0.4rem;}
.sy-title h3 {position:relative;width: 100%;overflow: hidden;text-align: center;font-size:0.42rem;color: #305897;letter-spacing: 1px;line-height: 1.8;}
.sy-title h3:before {width: 60px;height: 4px;content: "";position: absolute;left: 50%;bottom: 0px;margin-left: -30px;background: #305897;background: -moz-linear-gradient(left, #1518a7, #108bed);background: -ms-linear-gradient(left, #1518a7, #108bed);background: -o-linear-gradient(left, #1518a7, #108bed);/* line-height: 1.5; */}
.sy-title p {width: 100%;overflow: hidden;text-align: center;font-size: 16px;color: #999;letter-spacing: 1px;line-height:1.5;margin-top: 10px;}


/*******关于我们**********/
.index_about_bg { position:relative;padding:0.6rem 0;}

.index_about_box{ color:#333;align-items: center;}
.index_col_txt{ width:56%;}
.index_col_txt .a_tit {font-size: 0.3rem;color: #646464; line-height: 2.5; margin-bottom: 10px; background: url(../images/line.jpg) left bottom no-repeat;}
.index_col_txt .txt {font-size: 15px;line-height: 1.7;margin: 0.1rem 0px;}
.sank0{ overflow:hidden; margin-top:15px;}
.sank{display:block;width: 100%;}
.sank li{width: 33.33%;height:140px;float:left;border-radius:2px;margin-right: 0.3rem;position:relative;background:#23aac2;overflow:hidden;border-radius:5px;}
.sank li:first-child{background:#3bcea8;}
.sank li:last-child{ margin-right:0px;background:#0079c2;}
.sank1{ position:relative; z-index:3;}
.sanbg{ position:absolute; width:100%; height:100%; top:100%; left:0; background:#f2f2f2; }
.sank li:hover .sanbg{ top:0;}
.sanmk{margin:0 auto;width: 100%;height:100px;position:relative;}
.sank li:hover .sanmk{ background:url(yuan2.png) center center no-repeat;}
.sanmk a{ display:block; position:absolute; width:100%; height:100%;}
.sanm1{ background:url(../images/san1.png) center center no-repeat;}
.sank li:hover .sanm1{ background:url(../images/san1.png) center center no-repeat;}
.sanm2{ background:url(../images/san2.png) center center no-repeat;}
.sank li:hover .sanm2{ background:url(../images/san2.png) center center no-repeat;}
.sanm3{ background:url(../images/san3.png) center center no-repeat;}
.sank li:hover .sanm3{ background:url(../images/san3.png) center center no-repeat;}

.sank li:hover .sanmk a{
transform: rotateY(360deg);
-ms-transform: rotateY(360deg);		/* IE 9 */
-webkit-transform: rotateY(360deg);	/* Safari and Chrome */
-o-transform: rotateY(360deg);		/* Opera */
-moz-transform: rotateY(360deg);	
}
.sanmkm{ display:block; height:40px;text-align:center; margin-top:-10px; position:relative; z-index:3; font-size:16px; line-height:40px; color:#fff;}
.sank li:hover .sanmkm{ color:#6c6c6c;}

.sanmkj{ display:block; height:30px;text-align:center; margin-top:-10px; position:relative; z-index:3; font-size:14px; line-height:30px; color:#fff; text-transform:uppercase;}
.sank li:hover .sanmkj{ color:#6c6c6c;}

.sank li, .sanmk a, .sanmkm, .sanmk, .sanbg,.sanmkj,.new_bottom ul li{
transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
}

.index_col_icons { width: 40%;}

.tac {margin-top: 1em;}
a.whiteMore{display: inline-block;height: 2.2em;line-height: 2.2em;padding: 0 1.8em;border-radius: 2em 0 2em 0;overflow: hidden;border: 1px solid #25aec8;position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;}
a.whiteMore span{position: relative;z-index: 2;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;display: inline-block;line-height: 1;color: #25aec8;font-size: 14px;}
a.whiteMore::before {content: "";display: inline-block;position: absolute;z-index: 1;background: #25aec8;left: -100%;top: 0;width: 100%;height: 100%;transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.whiteMore:hover::before{left:0;}
a.whiteMore:hover span{color:#fff;}



@media (max-width:769px){
.index_col_txt{ width:100%;}	
.index_col_icons { width: 100%; margin-top:20px;}
	
}
 
 
 
/********应用行业***********/
#mindustry{ width:100%; position:relative;background: url(../images/pro_bg.jpg) top center no-repeat;padding: 40px 0px 0px;overflow:hidden;} 

.hang_tit { padding-bottom: 50px; padding-top: 80px } 
.hang_tit p { text-align: center; } 
.hang_tit p.title { color: #fff; font-size:0.42rem;z-index:2; position:relative;} 
.hang_tit p.subtitle { color: rgba(229, 229, 229, 0.3); font-size:0.5rem; text-transform:uppercase; margin-top:-0.35rem; position:relative; z-index:1; background:url(../images/line.jpg) center bottom no-repeat;line-height: 1;} 

.module_content{width: 90%;max-width: 1300px;margin:0 auto;position: relative;margin-bottom:0.6rem;overflow:hidden;}
.slide-content{width: 100%;display: block;margin-left: -30px;}
.slide-content:after,
.slide-content:before{content:"";display:table}
.slide-content:after{clear:both}
.slide-content .slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;/* min-width:236px; */width: calc(33.33% - 30px);min-height:344px;cursor:pointer;margin-left: 30px;}
.slide-content .slide-item .item-bg{width:100%;height:100%}
.slide-content .slide-item .mask{position:absolute;left:0;right:0;top:0;bottom:0}
.slide-content .slide-item .mask .bg{position:absolute;left:0;right:0;top:0;bottom:0;background: rgba(20, 14, 24, 0.3);transition:all .4s cubic-bezier(.4,0,.2,1);}
.slide-content .slide-item .mask .bg.other-bg{opacity:.82;filter:alpha(opacity=82);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(82))}
.slide-content .slide-item .mask .content{position:absolute;left:0;right:0;top:30%;bottom:0;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .line-panel{padding:0;margin:0;font-size:0;line-height:0;margin-top:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .line-panel .item-line{width:20px;height:2px;background:#fff;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-img-panel{position:relative;width:19%;height:70px;display:inline-block;}
.slide-content .slide-item .mask .content .item-img-panel .item-img,
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover{position:absolute;left:0;right:0;top:0;width:100%;display:inline-block;opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100));transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-img-panel .item-img-hover{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}

.slide-content .slide-item .mask .content .item-title{color:#fff;font-size:22px;line-height:24px;margin:0;padding:0;margin-top:24px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}
.slide-content .slide-item .mask .content .item-desc{font-size:14px;color:#fff;text-align:center;margin-top:30px;padding:0 23px;line-height:24px;height:72px}
.slide-content .slide-item .mask .content .item-link{display:inline-block;border:1px solid #fff;width:120px;height:36px;line-height:36px;font-size:14px;color:#fff;text-decoration:none;margin-top:62px}
.slide-content .slide-item .mask .content .item-link:hover{color:#00c1de;background:#fff}
.slide-content .slide-item .mask .content .item-desc,.slide-content .slide-item .mask .content .item-link{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0));transition:all .4s cubic-bezier(.4,0,.2,1)}

.slide-content .slide-item:hover .bg{background:rgba(143, 195, 31, 0.75);}

.slide-content .slide-item:hover .content{top:13%}
.slide-content .slide-item:hover .content .item-img-panel .item-img{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.slide-content .slide-item:hover .content .item-img-panel .item-img-hover{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.slide-content .slide-item:hover .content .line-panel{margin-top:10px}

.slide-content .slide-item:hover .content .line-panel .item-line{opacity:0;filter:alpha(opacity=0);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(0))}
.slide-content .slide-item:hover .content .item-title{margin-top:12px}
.slide-content .slide-item:hover .content .item-desc,.slide-content .slide-item:hover .content .item-link{opacity:1;filter:alpha(opacity=100);-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=(100))}
.slide-content .slide-item:hover .content .item-desc{margin-top:22px}
.slide-content .slide-item:hover .content .item-link{margin-top:14%}


@media (max-width:769px){
.slide-content .slide-item{position:relative;float:left;color:#000;font-size:0;text-align:center;width: calc(100% - 0px); margin-bottom:10px;min-height:144px;cursor:pointer;margin-left: 30px;}

}

/*--------新闻资讯------------*/
.news_bg{padding:0.6rem 0px; width:100%; overflow:hidden;}

.new_box{overflow:hidden;}
.new_box .fl{ float:left; width:46%;}

.new_box .fr{ float:right; width:50%;}
.new_box .fr .qu{ width:100%;}
.new_box .fr .qu li{ border-bottom: 1px  solid #E8E8E8; padding:14px 10px;}
.new_box .fr .qu li h3{ font-weight:normal; background:url(../images/new_line.jpg) left center no-repeat; padding-left:20px; margin-bottom:5px;}
.new_box .fr .qu li .desp{color:#656565; line-height:24px;font-size:14px;padding-left:20px;}

.new_box .fr .qu li:hover { background:#1599dc; }
.new_box .fr .qu li:hover h3{ background:url(../images/new_line1.jpg) left center no-repeat; color:#fff;}
.new_box .fr .qu li:hover .desp{ color:#fff; }

@media (max-width:769px){
.new_box .fl{ float:left; width:100%;}

.new_box .fr{ float:right; width:100%;}	
}
 

/*-------------------------------*/

.index_mess_bg{background: #23201d; position: relative; display: flex; width: 100%;}

.footer_left{width: 40%;}
.footer_dark-part { position: relative;height: 12em;}
.footer_grey-part { display: flex; padding: 5em 2.92em 5em; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: justify; -webkit-justify-content: space-between;-ms-flex-pack: justify; justify-content: space-between;background-color: #fff; color: #333;}
.contact_info-item { margin-bottom: 3em;}
.contact_info-item .body-s{ margin-bottom:10px;}

.footer_phone {  -webkit-transition: color 300ms ease;transition: color 300ms ease; font-size: 1.3em; font-weight: 700;color: #333;}
.footer_phone:hover {color: #175ba2;}
.footer_email {-webkit-transition: color 300ms ease;transition: color 300ms ease; color: #175ba2;font-size: 1.04em; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase;}

.footer_right{position: relative; display: flex; width: 40%; padding: 7em 1rem 5em; -webkit-box-orient: vertical; -webkit-box-direction: normal;-webkit-flex-direction: column;  -ms-flex-direction: column; flex-direction: column;  -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -webkit-flex: 1;-ms-flex: 1; flex: 1;  background-color: #175ba2; color: #23201d;}
.footer_right .sy-title{position:relative;margin-bottom: 0.4rem;}
.footer_right .sy-title h3 {position:relative;width: 100%;overflow: hidden;text-align: left;font-size:0.42rem;color: #fff;letter-spacing: 1px;line-height: 1.8;}
.footer_right .sy-title h3:before {width:0px;height: 4px;content: "";position: absolute;left: 50%;bottom: 0px;margin-left: -30px;background: #fff;background: -moz-linear-gradient(left, #1518a7, #108bed);background: -ms-linear-gradient(left, #1518a7, #108bed);background: -o-linear-gradient(left, #1518a7, #108bed);/* line-height: 1.5; */}
.footer_right .sy-title p {width: 100%;overflow: hidden;text-align: left;font-size: 16px;color: #fff;letter-spacing: 1px;line-height:1.5;margin-top:0px;}



/*首页表单*/
.message{
	background: url(../images/messageBg.jpg) no-repeat center;
	background-attachment: fixed;
	background-size: cover;
	padding: 100px 0;
}
.messageFeed{
	margin-top: 30px;
}
.messageFeed form dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.messageFeed form dl dd{
	width: calc((100% - 60px) / 4);
	margin-top: 20px;
}
.messageFeed form dl dd input{
	display: block;
	width: 100%;
	line-height: 58px;
	border: 1px solid #dbdbdb;
	background: #FFFFFF;
	border-radius: 30px;
	padding: 0 20px;
	font-size: 16px;
	color: #333;
}

.messageFeed form dl dd input::-webkit-input-placeholder {color: #333;}
.messageFeed form dl dd input:-moz-placeholder {color: #333; opacity: 1;}
.messageFeed form dl dd input::-moz-placeholder {color:#333; opacity: 1;}
.messageFeed form dl dd input:-ms-input-placeholder { color:#333;}
.messageFeed form dl dd input::-ms-input-placeholder {color:#333;}
.messageFeed form dl dd input::placeholder { color:#333;}
.messageFeed form dl dd.txt textarea::placeholder { color:#333;}
.messageFeed form dl dd.txt{
	width: 100%;
}
.messageFeed form dl dd.txt textarea{
	display: block;
	width: 100%;
	height: 160px;
	border: 1px solid #dbdbdb;
	background: #FFFFFF;
	border-radius: 30px;
	padding: 12px 20px;
	line-height: 28px;
	font-size: 16px;
}
.messageFeed form dl dt{
	margin-top: 30px;
}
.messageFeed form dl dt button{
	display: block;
	width: 200px;
	font-size: 16px;
	font-family: LDR;
	color: #fff;
	line-height: 60px;
	cursor: pointer;background: #0b46a7;
	/* max-width: 200px; */
	border-radius: 40px;
}

@media (max-width:900px){
	/*首页表单*/
	.message{
		padding: 45px 0 50px;
	}
	.messageFeed {
	    margin-top: 10px;
	}
	.messageFeed form dl dd {
	    width: calc((100% - 20px) / 2);
	}
	.messageFeed form dl dt {
	    margin-top: 15px;
	    width: 100%;
	}
	.messageFeed form dl dt button {
	    width: 100%;
	}
}
@media (max-width:767px){

/*首页表单*/
	.message{
		padding: 35px 0 40px;
	}
	.messageFeed form dl dd {
	    width: 100%;
	    margin-top: 10px;
	}
	.messageFeed form dl dt {
	    margin-top: 10px;
	}
}