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


*{ padding:0px; margin:0; font-family:"思源黑体 CN";}
html,body{ color:#fff; font-family:"思源黑体 CN";}
.clearboth{ clear:both;}
ul,ul li{ margin:0; padding:0;}
ul li{list-style:none;}
a{ text-decoration:none !important;}
a:hover{ text-decoration:none !important;}
.logo{ border:3px solid #fff; font:bold 24px/100px ; width:100px; height:100px; position:fixed; top:50px; left:50px; z-index:999;}
.menu{ height:86px; /*background:rgba(0,0,0,0.6);*/ background:rgba(0,0,0,0.7); position:fixed; top:0px; /*top:36px;*/ left:0; z-index:998; width:100%;
 box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
/*.menu li{list-style:none; float:left; display:inline-block; font:16px/42px;}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block; padding:0px 15px}
.menu li.active{ background:#F00;}*/
.nav_left{ float:left;}
.nav_left img{ display:block; float:left; margin-right:10px;}
.nav_left h1{ float:left; margin:0; font-size:26px; line-height:26px; color:#333; margin-top:36px; text-align:left;}
.nav_right{ float:right;}
.nav_right ul li{ float:left; display:block;}
.nav_right ul li a{ color:#fff; font-size:16px; line-height:60px; display:block; padding:22px 20px 0 20px; border-bottom:4px solid #fff;}
.nav_right ul li.active a{ background:#efefef !important; color:#015eb7 !important; border-bottom:4px solid #015eb7; text-decoration:none;}



/*第一个页面，banner*/
.section1{ position:relative;}
.top{ /*position:fixed; top:0; left:0; width:100%;*/ height:36px; line-height:36px; /*background:#f7931e;*/ background:#094ba1; z-index:1;}
.top h2{ float:left; margin:0 20px 0 0; line-height:36px; font-size:15px; /*font-weight:bold;*/ color:#fff;}
.top h2 img{ display:inline-block; vertical-align:middle; margin-right:4px;}


#slider {
  position: relative;
  width: 100%; /* 调整为所需的宽度 */
  height: 100%; /* 调整为所需的高度 */
  overflow: hidden;
  z-index:1;
}
 
.slide{
  position: absolute;
  width: 100%; /* 与slider宽度相同 */
  opacity: 0;
  transition: opacity 0.2s;
}
.slide img{
  width: 100%; /* 与slider宽度相同 */
  height:auto;
}
 
.active {
  opacity: 1;
}




.section2{background-size:100% 100%; background-image:url(../images/about_bg.jpg); background-repeat:no-repeat; background-position:center; position:relative;}
.tow_tit h2{ text-align:left; font-size:30px; line-height:30px; margin:70px 0 10px 0; color:#333;}
.tow_tit h2 span{ display:inline-block; margin-left:10px; font-size:16px; line-height:16px; color:#333; text-transform:uppercase;}
.tow_tit span{ font-size:16px; line-height:16px; margin:0 0 20px 0; color:#333; text-transform:uppercase;}
.two_con{ margin-top:10px;}
.two_con p{ font-size:16px; color:#555; line-height:30px; text-indent:2em; text-align:left; margin:0;}
.two_ico .two_ico1{ float:left; width:33%; margin-top:20px;}
.two_ico .two_ico1 .two_ic_tu{ width:60%; height:40px; margin:auto;}
.two_ico .two_ico1 img{ display:block; margin:auto; max-width:100%;}
.two_ico .two_ico1 h2{ text-align:center; font-size:20px; color:#333; line-height:20px; margin:20px 0 10px 0;}
.two_ico .two_ico1 p{ text-align:center; font-size:16px; color:#555; line-height:16px; margin:0;}
.two_ico .two_ico1:hover .two_ic_tu{ 
	-moz-animation-name:xzY; -moz-animation-duration:2s; -moz-animation-iteration-count:1;
	-webkit-animation-name:xzY; -webkit-animation-duration:2s; -webkit-animation-iteration-count:1;
	-o-animation-name:xzY; -o-animation-duration:2s; -o-animation-iteration-count:1;
	-ms-animation-name:xzY; -ms-animation-duration:2s; -ms-animation-iteration-count:1;
	animation-name:xzY; animation-duration:2s; animation-iteration-count:1;	
}

/*第三个页面，产品*/
.section6{background-size:100% 100%; background-image:url(../images/pro_bg.jpg); background-repeat:no-repeat; background-position:center; position:relative;}

/*第四个页面，案例*/
.sj_case{ display:none;}

/*第五个页面，新闻*/
.section7{background-size:100% 100%; background-image:url(../images/news_bg.jpg); background-repeat:no-repeat; background-position:center; position:relative;}

@-moz-keyframes xzY{/* Firefox */
	0%{ -moz-transform:rotateY(0deg);}
	100%{-moz-transform:rotateY(360deg);}	
}
@-webkit-keyframes xzY{/* Safari 和 Chrome */
	0%{ -webkit-transform:rotateY(0deg);}
	100%{-webkit-transform:rotateY(360deg);}	
}
@-o-keyframes xzY{/* Opera */
	0%{ -o-transform:rotateY(0deg);}
	100%{-o-transform:rotateY(360deg);}	
}
@-ms-keyframes xzY{ /* Internet Explorer */
	0%{ -ms-transform:rotateY(0deg);}
	100%{-ms-transform:rotateY(360deg);}	
}
@keyframes xzY{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}		
}
.two_ico .two_ico1:hover h2{ color:#015eb7;}


.two_right img{ max-width:100%; display:block; margin:auto;}

.three_tit h2{ text-align:center; font-size:30px; line-height:30px; margin:30px 0 10px 0; color:#fff;}
.three_tit span{ font-size:16px; line-height:16px; margin:0 0 20px 0; color:#fff; text-transform:uppercase; text-align:center; display:block;}
.three_tit p{ font-size:15px; line-height:26px; color:#323232; text-align:center; text-indent:2em; margin:0;}
.three_tit{ margin-bottom:30px;}

.three_con .three_list{ padding:0;}
/*.three_con .three_list .three_zi{ height:100%; background:#015eb7; padding:46px 30px 20px; text-align:left; float:left; width:50%; height:300px; position:relative;}
.three_con .three_list .three_zi h2{ color:#fff; font-size:24px; line-height:36px; margin:0 0 18px 0;}
.three_con .three_list .three_zi p{ font-size:14px; line-height:30px; color:#fff;}
.three_con .three_list .three_tu{ float:left; width:50%; height:300px;}
.three_con .three_list .three_tu img{ display:block; margin:auto; width:auto; height:300px;}
.three_con .three_list .three_zi.li01{ background:#015eb7;}
.three_con .three_list .three_zi.li01:after{ background:url(../images/cp_ic1.png) no-repeat; content: '';
    width: 23px; height: 46px; position: absolute; right: -23px; top: 50%; margin-top: -23px; z-index: 7;}
.three_con .three_list .three_zi.li02{ background:#82c449;}
.three_con .three_list .three_zi.li02:after{ background:url(../images/cp_ic2.png) no-repeat; content: '';
    width: 23px; height: 46px; position: absolute; right: -23px; top: 50%; margin-top: -23px; z-index: 7;}
.three_con .three_list .three_zi.li03{ background:#d96e26;}
.three_con .three_list .three_zi.li03:after{ background:url(../images/cp_ic3.png) no-repeat; content: '';
    width: 23px; height: 46px; position: absolute; right: -23px; top: 50%; margin-top: -23px; z-index: 7;}
.three_con .three_list .three_zi.li04{ background:#00a2f8;}
.three_con .three_list .three_zi.li04:after{ background:url(../images/cp_ic4.png) no-repeat; content: '';
    width: 23px; height: 46px; position: absolute; right: -23px; top: 50%; margin-top: -23px; z-index: 7;}*/


.slideBox_cp{ width:100%; height:auto; /*overflow:hidden;*/ position:relative;/* border:1px solid #ddd;*/  }
.slideBox_cp .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:40px; z-index:1; }
.slideBox_cp .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox_cp .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox_cp .hd ul li.on{ background:#f00; color:#fff; }
.slideBox_cp .bd{ position:relative; height:100%; z-index:0;   }
.slideBox_cp .bd ul{ margin:0;}
.slideBox_cp .bd li{ zoom:1; vertical-align:middle; }
/*.slideBox .bd img{ width:100%; height:auto; display:block;  }*/


.slideBox_cp .prev,.slideBox_cp .next{ position:absolute; left:15px; top:300px; margin-top:-25px; display:block; width:50px; height:50px; 
background:url(../images/ipart01.png) 0px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox_cp .next{ left:75px; right:auto; background-position:-60px 0px; }
.slideBox_cp .prev:hover,.slideBox_cp .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox_cp .prevStop{ display:none;  }
.slideBox_cp .nextStop{ display:none;  }
.cp_tu{  padding:2px;}
.cp_tu img{ max-width:100%;border:1px solid #eee;}
.cp_tu h1{ max-width:100%; height:42px; line-height:42px; text-align:center; color:#fff; font-size:16px; margin:0px; padding:0px; overflow:hidden;}


.xw_tu{  padding:2px;}
.xw_tu img{ max-width:100%;border:1px solid #eee;}
.xw_tu h1{ max-width:100%; height:42px; line-height:42px; text-align:left; color:#fff; font-size:16px; margin:0px; padding:0px;}
.xw_tu h2{ max-width:100%; height:32px; line-height:32px; text-align:left; color:#fff; font-size:14px; margin:0px; padding:0px;}
.xw_tu p{ max-width:100%;  line-height:32px; text-align:left; color:#fff; font-size:14px; margin:0px; padding:0px;}

/*首页应用领域*/
.section4{background-size:100% 100%; background-image:url(../images/bz_bg.jpg); background-repeat:no-repeat; background-position:center;}
.abotab{width: 100%;overflow: hidden;position: relative; margin-bottom:30px;}
.abotab-contain{width: 100%;}
.abotab-bg{width: 100%;}
.abotab-bg ul{margin-bottom:0 !important;}
.abotab-bg ul li{position: absolute;top: 0;left: 0;width: 100%;transition: transform 2.5s ease,opacity 1.5s;opacity: 0;transform: scale(1.1);}
.abotab-bg ul li.ontrue {opacity: 1;transform: matrix(1, 0, 0, 1, 0, 0);z-index: 2;}
.abotab-bg ul li img{width: 100%;object-fit: cover;}
.abotab-li{position: absolute;z-index: 4;width: 100%;height: 100%;}
.abotab-li ul{display: block;width: 100%; margin-bottom:0 !important; margin-top:0 !important;}
.abotab-li ul li{width:20%;float: left;position: relative;transition: all .6s ease;}
.abotab-li ul li:after{content: "";width: 1px;height: 100%;background: #fff;opacity: .2;position: absolute;top: 0;right: 0;}
.abotab-li ul li:last-child:after{display: none;}
.abotab-lilink{display: block;position: relative;width: 100%;height: 100%;top: 0;left: 0;}
.abotab-lizz{position: absolute;width: 100%;top: 0;left: 0;height: 100%;background: #000;opacity: .36;transition: all .4s ease;}
.abotab-liwords{position: absolute;left: 0;width: 100%;bottom:200px;text-align: center;z-index: 6;padding: 0 9%;transition: all .6s ease 300ms;}
.abotab-liic{width: 100%;}
.abotab-liic img{max-width: 100%;margin: 0 auto;}
.abotab-liicy{display: block;}
.abotab-liich{display: none;}
.abotab-liwords h5{font-size:16px;color: #fff;margin-top:10px;}
.abotab-liwords h6{font-size: 12px;color: #fff;text-transform: uppercase;margin-top: 12px;}
.abotab-liwords p{font-size: 15px;color: #fff;line-height: 30px;margin-top: 18px;overflow: hidden;height: 0;transition: all 0s ease 0ms; display:block;}
.abotab-liwords i{display: block;width: 30px;height: 30px;margin:20px auto 0;border-radius: 50%;border: 1px solid #fff;background: url('../images/aboArr2.png') no-repeat center;transition: all .4s ease 340ms;}
.abotab-li ul.aboHover:hover li{width:15%;}
.abotab-li ul.aboHover li:hover{width:40%;}
.abotab-li ul li:hover .abotab-lizz{opacity: .24;}
.abotab-li ul li:hover .abotab-liwords{bottom:25%;}
.abotab-li ul li:hover .abotab-liicy{display: none;}
.abotab-li ul li:hover .abotab-liich{display: block;}
.abotab-li ul li:hover .abotab-liwords i{background-color: #fff;border-color: #fff;}
.abotab-li ul li:hover .abotab-liwords p{height: 180px;transition: all .6s ease 360ms;}

.section5{ position:relative;}
.section5 .map{ position:absolute; top:126px; left:0;}
.contact{ margin:230px 0 0 0;}
.col_left h2{ text-align:left; font-size:30px; line-height:30px; margin:0; color:#333;}
.col_left h2 span{ display:inline-block; margin-left:6px; font-size:16px;}
.col_left p{ text-align:left; font-size:15px; line-height:26px; max-width:520px; margin-bottom:20px; color:#666;}
.con_list1{ position:relative; padding-left:66px; margin-bottom:20px;}
.con_list1 img{ display:block; position:absolute; top:0; left:0; max-width:47px;}
.con_list1 h2{ font-size:14px; color:#888; line-height:14px; text-align:left; font-weight:normal;}
.con_list1 p{ font-size:20px; color:#333; line-height:22px; margin:6px 0 0 0;}
.con_list2{ width:96px; border:1px dashed #ccc; padding:3px;}
.con_list2:hover{ border:1px dashed #094ba1;}
.con_list2 img{ display:block; max-width:100%;}
.col_right h3{ text-align:left; font-size:24px; margin:0 0 20px 0;}
.col_right input,.col_right textarea{ background:#fafafa; border:2px solid #094ba1; height:52px; line-height:52px; 
padding:0 10px; font-size:14px; color:#808080; width:100%; margin-bottom:25px;}
.col_right textarea{ height:120px;}
.col_right .tijiao{ display:block; width:116px; height:36px; background:#094ba1; font-size:14px; text-align:center; line-height:36px; color:#fff;}
.col_right .tijiao:hover{ color:#fff;}
.foo{ position:absolute; bottom:0; left:0; border-top:1px solid #e5e5e5; line-height:50px; font-size:14px; color:#888; text-align:center; width:100%;}
.foo a{ color:#888;}

/*实现动画的样子*/
.two_right{float:right;right:-1000px;transition: all 1s;-webkit-transition: all 1s;}
.active .two_right{right:0px;}
.two_left{ float:left; left:-1000px;transition: all 1s;-webkit-transition: all 1s;}
.active .two_left{ left:0;}
.three_tit{ position:relative; top:-10000px; transition: all 1s;-webkit-transition: all 1s;}
.active .three_tit{top:0;}
.three_con{ position:relative; bottom:-10000px; transition:all 1s;-webkit-transition: all 1s;}
.active .three_con{ bottom:0;}
.slideBox_bz .hd{ position:relative; left:-1000px; transition:all 1s;-webkit-transition: all 1s;}
.active .slideBox_bz .hd{ left:0;}
.slideBox_bz .bd{ position:relative; right:-1000px; transition:all 1s;-webkit-transition: all 1s;}
.active .slideBox_bz .bd{ right:0;}
.contact{ position:relative; bottom:-1000px; transition:all 1s;-webkit-transition: all 1s;}
.active .contact{ bottom:0;}

.ban1_sj{ display:none;}

@media(max-width:1200px) {
	.nav_left img{ width:90%;}
	.nav_right ul li a{ color:#fff; font-size:16px; line-height:60px; display:block; padding:22px 13px 0; border-bottom:4px solid #fff;}
	}

/*实现动画的样子*/
@media(max-width:992px) { 

.ban1_sj{ display:block;}
.ban1{ display:none;}

.xw_tu h1{ max-width:100%; height:28px; line-height:28px; text-align:left; color:#fff; font-size:13px; margin:0px; padding:0px;}
.xw_tu h2{ max-width:100%; height:24px; line-height:24px; text-align:left; color:#fff; font-size:12px; margin:0px; padding:0px;}
.xw_tu p{ max-width:100%;  line-height:20px; text-align:left; color:#fff; font-size:12px; margin:0px; padding:0px;}
.two_right img{ max-width:90%; display:block; margin:auto;}

.top,.nav_left{ display:none;}
.menu{ height:48px;}
.nav_right{ width:100%;}
.nav_right ul li{ width:13%; overflow:hidden; text-align:center;}
.nav_right ul li.last{ width:9%; overflow:hidden; text-align:center;}
.nav_right ul li a{ padding:0; font-size:11px; line-height:44px;}

.one h1{ font-size:28px; line-height:28px; margin:0;}
.one h2{ font-size:20px; line-height:36px; margin:0 0 20px 0;}
.one h3{ font-size:14px;}

.section5 .map{ height:200px; top:50px;}
.contact{ margin:180px 0 0 0;}
.col_left h2{ font-size:24px; line-height:24px; margin-bottom:10px;}
.col_left p{ font-size:14px; line-height:20px; margin-bottom:10px; display:none;}
.con_list1{ margin-bottom:10px; padding-left:40px; width:90%; float:left;}
.con_list3{/* width:40%;*/}
.con_list1 img{ max-width:32px;}
.con_list1 h2{ font-size:13px; line-height:13px; margin-bottom:6px;}
.con_list1 p{ font-size:16px; margin:0; display:block;}
.con_list2{ width:80px; padding:1px; margin:10px 0 0 0;}
.col_right{ display:none;}
.col_right h3{ font-size:18px; margin-bottom:6px; margin-top:10px;/* text-align:center;*/}
.col_right input, .col_right textarea{height:30px; line-height:30px; margin-bottom:10px;}
.col_right textarea{ height:60px; overflow:auto;}
.col_right input{ display:block; float:left; width:48%; float:left; margin-left:4%;}
.col_right input:nth-child(1){ margin-left:0;}
.foo{ font-size:12px; line-height:20px;}


.two_right{ display:block;}
.tow_tit h2{ font-size:24px; line-height:24px; margin-bottom:6px;}
.tow_tit span{ font-size:12px; margin-bottom:10px;}
.two_con{ height:auto; overflow:auto;;}
.two_con p{ font-size:12px; line-height:20px;}
.two_ico{ display:none;}
.two_ico .two_ico1 .two_ic_tu{ width:52px; height:52px;}
.two_ico .two_ico1 h2{ font-size:15px; line-height:15px; margin:10px 0 6px 0;}
.two_ico .two_ico1 p{ font-size:13px; line-height:15px;}
.two_ico .two_ico1{ margin-top:10px;}

.three_tit h2{ font-size:24px; line-height:24px; margin-bottom:6px;}
.three_tit span{ font-size:14px; line-height:14px; margin-bottom:10px;}
.three_con .three_list .three_zi{ height:170px; padding:10px; overflow:auto;}
.three_con .three_list .three_tu{ height:170px;}
.three_con .three_list .three_zi h2{ font-size:16px; line-height:20px; margin-bottom:6px;}
.three_con .three_list .three_zi p{ font-size:12px; line-height:18px; margin:0;}
.three_tit p{ font-size:13px; line-height:20px;}
/*.three_tit p:nth-child(2){ display:none;}*/
.three_tit{ margin-bottom:10px;}
.three_tit_con{ height:60px; overflow:auto; padding:0 15px;}

.slideBox_bz .hd ul li{ height:48px; margin-bottom:10px;}
.slideBox_bz .hd ul li .bz_tu{ width:80px;}
.slideBox_bz .hd ul li .bz_zi{ width:calc(100% - 80px); margin:0; padding:0 4px;}
.slideBox_bz .bd .bz1{ font-size:14px; line-height:20px; padding:5px 10px; height:auto;}
.slideBox_bz .hd ul li .bz_zi h2{ font-size:16px; line-height:16px; margin:6px 0;}
.bz_tit{ margin-bottom:10px; margin-left:20px;}
.bz_tit h2{ margin:0 0 6px 0; font-size:24px; line-height:24px;}
.bz_tit span{ font-size:14px;}

.slideBox_cp .prev, .slideBox_cp .next{ top:336px;}
.cp{ padding:0 6px !important; margin-bottom:0px;}
.abotab{ display:none;}
.sj_case{ display:block;}
.sj_case .three_tit h2{ font-size:24px; line-height:24px; margin-bottom:6px; color:#333;}
.sj_case .three_tit span{ font-size:14px; line-height:14px; margin-bottom:30px; color:#333;}
.sj_case h1{ font-size:14px; line-height:32px; margin-bottom:0px; color:#333; height:32px;}
}