body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i{margin:0;padding:0;color:inherit;line-height: inherit;font-family: "microsoft yahei";}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a{ text-decoration:none; color:inherit;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;font-size:inherit;}
*{box-sizing:border-box;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{width: 1200px;margin:0 auto;}
:hover{transition: all .2s;}
.bold{font-weight: bold;}
.center{text-align: center!important;}
.img{width: 100%;display: block;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';position:absolute;display: block;}
.ipt{border:none;}
.img_hover_wrap{overflow: hidden;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.05,1.05);}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}
.bg{background: #111;}

/*硬件协作*/
.head{background: #000;position:fixed;width: 100%;left: 0;top: 0;z-index:100;}
.hd_logo{}
.hd_logo .img{height: 80px;width: auto;}

.hd_nav{}
.hd_nav li{display: inline-block;vertical-align: middle;margin-left: 50px;}
.hd_nav li>a{display: block;font-size: 14px;color: rgba(255,255,255,.6);line-height: 80px;position:relative;}
.hd_nav li>a:after{content:'';position:absolute;left: 50%;bottom: 0;width: 0;height: 4px;background: #4380ed;transition: all .3s;}
.hd_nav li.cur>a,.hd_nav li:hover>a{color: #fff;}
.hd_nav li.cur>a:after,.hd_nav li:hover>a:after{width: 32px;margin-left: -16px;}

.inner_ban{height: 510px;}

.hw_main{padding:110px 0 70px;}

.pub_tit{font-size: 30px;color: #333333;font-weight: bold;text-align: center;line-height: 30px;padding-bottom: 20px;position:relative;margin-bottom: 80px;}
.pub_tit:after{width: 60px;height: 4px;background: #4380ed;position:absolute;left: 50%;margin-left: -30px;bottom: 0;content:'';}
.pub_tit.white{color: #fff;}

.hw_list{margin-left: -8%;}
.hw_list .item{float: left;width: 42%;margin:0 0 6% 8%;}
.hw_list .imgbox{display: block;overflow: hidden;}
.hw_list .img{width: 100%;display: block;transition: all 2s;}
.hw_list .title{display: block;font-size: 18px;color: #666666;line-height: 30px;margin-top: 10px;}
.hw_list .item:hover .img{transform: scale(1.1,1.1);}

.foot{padding:10px 0 30px;background: #111111;}
.ft_t{}
.ft_t .smlogo{height: 80px;width: auto;}
.ft_t .menu{}
.ft_t .menu a{font-size: 15px;color: #fff;margin-left: 40px;display: inline-block;vertical-align: middle;line-height: 80px;}
.ft_t .menu a:hover{opacity: .8;}

.ft_b{margin-top: 15px;}
.ft_b .fz{font-size: 12px;color: rgba(255,255,255,.3);line-height: 30px;}

/*联系我们*/
.lx_main{padding:100px 0;background: #111111;/*min-height:600px;*/}
.lx_ban{height: 635px;}
.lx_list{}
.lx_list li{width: 33.3%;float: left;}
.lx_list .fz{font-size: 18px;color: #fff;}
.lx_list .font{font-size: 18px;color: #4380ed;font-family: arial;margin-top: 10px;}

/*公司概况*/
.us_s{position:relative;}
.us_s .img{width: 100%;display: block;}
/*.us_s .box{position:absolute;width: 100%;text-align: center;left: 0;top: 50%;margin-top: -110px;}*/
.us_s .title{font-size: 100px;color: #fff;font-weight: bold;line-height: 120px;}
.us_s .smtit{font-size: 40px;color: #fff;margin-top: 40px;}

/*.us_s2 .box{margin-top: -165px;}*/
.us_s2 .txt{text-align: left;width: 86%;margin:0 auto;max-width:1200px;}
.us_s2 .smtit{font-size: 38px;}

.us_ser{/*padding:110px 0 10px;*/padding-top: 60px;}
.us_ser .pub_tit{margin-bottom: 5%;}
.us_ser .list{}
.us_ser .list .item{width: 25%;float: left;margin-bottom: 5%;}
.us_ser .list .icon{/*height: 220px;width: auto;*/display: block;margin:0 auto;transition: all .3s;width: 45%;}
.us_ser .list .tit{font-size: 24px;color: #666;margin-top: 20px;text-align: center;}
.us_ser .list .item:hover .icon{transform: scale(1.05,1.05);}
.us_ser .list .item:hover .tit{color: #4380ed;}

.us_comp{padding:65px 0 50px;}
.us_comp .list{margin-left: -10px;}
.us_comp .list li{float: left;margin-left: 10px;margin-bottom: 65px;}
.us_comp .list .img{width: 100%;display: block;transition: all .3s;}
.us_comp .list li:hover .img{transform: scale(1.03,1.03);}

.us_comp .list .li_8,.us_comp .list .li_9,.us_comp .list .li_10{margin-left: 20px;}

/*解决方案*/
.solu_mod{}
.solu_mod .detail{}
.solu_mod .info{font-size: 16px;color: #666666;line-height: 52px;padding-top: 25px;width: 38%;}
/*.solu_mod .imgbox{width: 61%;}*/
.solu_mod .imgbox .img{width: auto;float: right;}

.solu_mod_3 .imgbox{width: 56%;}
.solu_mod_3 .info{width: 44%;text-align: right;}



.solu_mod_1 .video{width: 730px;height: 480px;}
.solu_mod_2 .video{width: 630px;height: 410px;}
.solu_mod_3 .video{width: 670px;height: 385px;}


.solu_mod .video{object-fit:fill;}
.solu_mod .video-js{background-color: #fff;}
/*.vjs-icon-play:before{display: none;}
.vjs-icon-placeholder{display: none;}*/
.solu_mod .vjs-icon-placeholder:before{/*display: none;*/}
.solu_mod .video-js .vjs-big-play-button{background: url(../images/video.png) no-repeat center;background-size:contain;width: 70px;height: 70px;border:none;top: 50%;left: 50%;margin-top: -35px;margin-left: -35px;}
.solu_mod .video-js .vjs-big-play-button .vjs-icon-placeholder{display: none;}
.solu_mod .vjs-poster{background-color: #fff;}

.solu_mod_1 .video-js .vjs-big-play-button{margin-top: -85px;}



/*技术服务*/
.tech_main{padding:250px 0;background: #fff;}
.tech_menu{width: 28%;}
.tech_menu .lk{font-size: 14px;color: #666666;line-height: 40px;padding:25px 0 25px 40px;border:1px solid #fff;cursor: pointer;border-right:none;position:relative;height: 94px;}
.tech_menu .lk:after{content:'';position:absolute;right: 0;top: -1px;width: 12px;height: 94px;background: url(../images/tech_15.png) no-repeat center;background-size:contain;display: none;}

.tech_menu .lk:before{width: 34px;height: 34px;display: inline-block;vertical-align: middle;content:'';margin-right: 40px;}
.tech_menu .lk_1:before{background: url(../images/tech_01.png) no-repeat center;background-size:contain;}
.tech_menu .lk_2:before{background: url(../images/tech_02.png) no-repeat center;background-size:contain;}
.tech_menu .lk_3:before{background: url(../images/tech_03.png) no-repeat center;background-size:contain;}
.tech_menu .lk_4:before{background: url(../images/tech_04.png) no-repeat center;background-size:contain;}
.tech_menu .lk_5:before{background: url(../images/tech_05.png) no-repeat center;background-size:contain;}
.tech_menu .lk_6:before{background: url(../images/tech_06.png) no-repeat center;background-size:contain;}
.tech_menu .lk_7:before{background: url(../images/tech_07.png) no-repeat center;background-size:contain;}
.tech_menu .lk.cur{border-color:#ccc;}
.tech_menu .lk.cur:after{display: block;}
.tech_menu .lk:hover{color: #4380ed;}

.tech_wrap{width: 60%;padding-top: 30px;}
.tech_wrap .txt{font-size: 16px;color: #999999;line-height: 30px;text-align: center;margin-bottom: 50px;}
.tech_wrap .img{width: 100%;display: block;}




@media screen and (min-width:2000px) and (max-width:3600px){
    .tech_main +.foot{position:fixed;width: 100%;left: 0;bottom: 0;}
    .lx_main +.foot{position:fixed;width: 100%;left: 0;bottom: 0;}

}
@media screen and (min-width:320px) and (max-width:1199px){
    .auto{width: 100%;padding:0 2%!important;}

}

@media screen and (min-width:1380px) and (max-width:1610px){
	.solu_mod{padding-top: 30px;}
	.solu_mod_1 .video{width:500px;height: 350px;}
	.solu_mod_2 .video{width: 630px;height: 410px;}
	.solu_mod_3 .video{width: 670px;height: 385px;}
	
}
@media screen and (min-width:1270px) and (max-width:1370px){
	.inner_ban{height: 440px;}
	
	#fullpage .auto{width: 1000px!important;}
	.us_s .title{font-size: 60px;line-height:70px;}
	.us_s .smtit{font-size: 26px;margin-top: 20px;}
	
	.us_s2 .txt{max-width:1000px;}
	
	.us_ser .list .icon{width: 28%;}
	.us_ser .list .tit{font-size: 20px;margin-top: 10px;}

	.us_comp .list li{width: 20%;margin-left: 0!important;}
	.us_comp .list .img{height: 70px;width: auto;display: block;margin:0 auto;}
	
	/*解决方案*/
	.solu_mod{padding-top: 30px;}
	.solu_mod .pub_tit{margin-bottom: 50px;}
	.solu_mod_1 .video{width:450px;height: 320px;}
	.solu_mod_2 .video{width: 500px;height: 340px;}
	.solu_mod_3 .video{width: 500px;height: 330px;}
	
	.solu_mod .info{line-height: 36px;}
		
}






@media screen and (min-width:992px) and (max-width:1199px){
	
	/*技术服务*/
	.tech_menu .lk{padding-left: 30px;}
	.tech_menu .lk:before{margin-right: 20px;}
	
	.tech_wrap{width: 68%;}
	
	/*硬件协作*/
	.inner_ban{height: 360px;}
	
	/*公司概况*/
	.us_s .title{font-size: 50px;line-height:70px;}
	.us_s .smtit{font-size: 22px;margin-top: 20px;}
	
	
	.us_ser .list .item{margin-bottom: 60px;}
	.us_ser .list .icon{width: 33%;}
	.us_ser .list .tit{font-size: 18px;margin-top: 15px;}
	
	.us_comp .list li{width: 20%;margin-left: 0!important;padding:0 2%;}
	.us_comp .list .img{height: 70px;width: auto;display: block;margin:0 auto;}
	
	/*解决方案*/
	.solu_mod .imgbox{width: 52%;}
	.solu_mod .info{font-size: 15px;line-height: 34px;}
	.solu_mod_3 .info{line-height: 28px;padding-top: 45px;}

	.solu_mod{padding-top: 30px;}
	.solu_mod .pub_tit{margin-bottom: 50px;}
	.solu_mod_1 .video{width:450px;height: 320px;}
	.solu_mod_2 .video{width: 500px;height: 340px;}
	.solu_mod_3 .video{width: 500px;height: 330px;}
	
	.lx_main{min-height:auto;}
	
	
	
	
}

@media screen and (min-width:768px) and (max-width:991px){	
	.hd_nav li{margin-left: 30px;}
	
	
	
	
	
	
	
	/*技术服务*/
	.tech_main{padding:60px 0;min-height: auto;}
	.tech_menu{width: 100%;float:none;font-size: 0;text-align: center;border:1px solid #efefef;}
	.tech_menu .lk{padding: 0;display: inline-block;vertical-align: middle;width: 25%;border:none;line-height: 60px;height: auto;border-bottom:1px solid #efefef;}
	.tech_menu .lk:after{display: none!important;}
	.tech_menu .lk:before{margin-right: 10px;width: 20px;height: 20px;}
	.tech_menu .lk.cur{border:none;border-bottom:1px solid #efefef;}
	.tech_menu .lk.cur{color: #4380ed;}
	.tech_menu .lk:nth-last-child(1),.tech_menu .lk:nth-last-child(2),.tech_menu .lk:nth-last-child(3){border-bottom:none;}
	
	.tech_wrap{width: 100%;float:none;}
	.tech_wrap .img{width: 80%;display: block;margin:0 auto;}
	
	.ft_t .smlogo{height: 70px;}
	.ft_t .menu a{font-size: 14px;margin-left: 30px;line-height: 70px;}
	
	/*硬件协作*/
	.inner_ban{height: 300px;}
	
	.pub_tit{font-size: 24px;padding-bottom: 10px;margin-bottom: 50px;}
	.pub_tit:after{width: 40px;height: 2px;margin-left: -20px;}
	
	.hw_main{padding:80px 0 50px;}
	.hw_list{margin-left: -4%;}
	.hw_list .item{width: 46%;margin:0 0 4% 4%;}
	
	/*联系我们*/
	.lx_main{padding:80px 0 100px;min-height:auto;}
	.lx_list .fz{font-size: 16px;}
	.lx_list .font{font-size: 16px;}
	
	
	/*公司概况*/
	.us_s .title{font-size: 50px;line-height:60px;}
	.us_s .smtit{font-size: 22px;margin-top: 20px;}
	
	
	.us_ser{/*padding:80px 0 10px;*/}
	.us_ser .list .item{margin-bottom: 50px;}
	.us_ser .list .icon{width: 38%;}
	.us_ser .list .tit{font-size: 18px;}
	
	.us_comp{padding:30px 0 40px;}
	.us_comp .list li{width: 20%;margin-left: 0!important;margin-bottom: 40px;}
	.us_comp .list .img{height: 50px;width: auto;display: block;margin:0 auto;}
	
	
	/*解决方案*/
	.solu_mod .imgbox{width: 46%;}
	.solu_mod .info{width: 50%;line-height: 30px;font-size: 14px;}
	.solu_mod_3 .info{line-height: 26px;padding-top: 35px;}

	.solu_mod{padding-top: 30px;}
	.solu_mod .pub_tit{margin-bottom: 50px;}
	.solu_mod_1 .video{width:100%;height: 260px;}
	.solu_mod_2 .video{width: 100%;height: 250px;}
	.solu_mod_3 .video{width: 100%;height: 250px;}
	
	
	
}

@media screen and (min-width:320px) and (max-width:767px){
	.auto{padding:0 3%!important;}
	
    .sj_menu{position:absolute;right: 3%;top: 50%;width: 30px;height: 30px;background: url(../images/menu.png) no-repeat center;background-size:26px;margin-top: -15px;}
    .sj_menu.close{background: url(../images/close.png) no-repeat center;background-size:30px;}
    
    .head{position:fixed;width: 100%;left: 0;top: 0;z-index:100;height: 60px;border-bottom:1px solid #333;}	
    .head+div{margin-top:60px;}

	.hd_logo{margin-top: 0;}
	.hd_logo .img{height:60px;}
	
	.hd_nav{background: #000;position:fixed;width: 100%;left: 0;top: 60px;z-index:100;padding:5px 0;display: none;}
	.hd_nav li{display: block;margin: 0;}
	.hd_nav li>a{line-height: 40px;padding:0 20px;border-top:1px solid #333;}
	.hd_nav li>a:after{display: none;}
	.hd_nav li:first-child>a{border-top:none;}
	
	/*技术服务*/
	.tech_main{padding:5px 0;min-height: auto;}
	.tech_main .auto{padding: 0!important;}
	.tech_menu{width: 100%;float:none;font-size: 0;text-align: center;background: #efefef;}
	.tech_menu .lk{padding: 0;display: inline-block;vertical-align: middle;width: 33.3%;border:none;line-height: 45px;height: auto;font-size: 11px;border-bottom:1px solid #fff;border-left:1px solid #fff;}
	.tech_menu .lk span{line-height: 18px;display: inline-block;vertical-align: middle;}
	.tech_menu .lk:after{display: none!important;}
	.tech_menu .lk:before{display: none;}
	.tech_menu .lk.cur{border:none;border-bottom:1px solid #fff;}
	.tech_menu .lk.cur{color: #4380ed;}
	.tech_menu .lk:nth-last-child(1),.tech_menu .lk:nth-last-child(2),.tech_menu .lk:nth-last-child(3){border-bottom:none;width: 27%;}
	.tech_menu .lk:nth-last-child(4){width: 19%;	}
	

	.tech_wrap{width: 100%;float:none;padding:30px 3%;}
	.tech_wrap .txt{font-size: 14px;margin-bottom: 30px;}
	.tech_wrap .img{width: 100%;display: block;margin:0 auto;}
	
	.ft_t .smlogo{height: 45px;width: auto;display: block;margin:0 auto;}
	.ft_t .menu{float:none;display: flex;justify-content: space-around;text-align: center;}
	.ft_t .menu a{font-size: 12px;margin-left: 0;line-height: 34px;flex: auto;}
	.ft_b{margin-top: 10px;}
	.ft_b .fz{display: block;font-size: 12px;text-align: center;line-height: 20px;float:none;}

	/*硬件协作*/
	.inner_ban{height: 140px;}
	
	.pub_tit{font-size: 20px;padding-bottom: 10px;margin-bottom: 30px;}
	.pub_tit:after{width: 30px;height: 2px;margin-left: -15px;}
	
	.hw_main{padding:40px 0 30px;}
	.hw_list{margin-left: -3%;}
	.hw_list .item{width: 47%;margin:0 0 3% 3%;}
	.hw_list .title{font-size: 15px;margin-top: 3px;text-align: center;}
	
	/*联系我们*/
	.lx_main{padding:60px 0;min-height:auto;}
	.lx_list{padding:0 3%;padding-top: 20px;}
	.lx_list li{width: 100%;margin-bottom: 25px;float:none;text-align: center;}
	.lx_list .fz{font-size: 14px;}
	.lx_list .font{font-size: 14px;margin-top: 5px;}
	
	/*公司概况*/
	#fullpage{margin-top: 0;}
	#fp-nav.right{right: 4px;}
	#fp-nav ul li, .fp-slidesNav ul li{margin:5px 0;width: 10px;height: 10px;}
	
	.us_s .title{font-size: 26px;line-height:36px;}
	.us_s .smtit{font-size: 13px;margin-top: 8px;}
	
	
	.us_ser{/*padding:40px 0 10px;*/}
	.us_ser .pub_tit{margin-bottom: 10%;}
	.us_ser .list .item{margin-bottom: 30px;width: 33.3%;}
	.us_ser .list .icon{width: 28%;}
	.us_ser .list .tit{font-size: 14px;margin-top: 10px;}
	
	.us_comp{padding:10px 0 20px;}
	.us_comp .list li{width: 50%;margin-left: 0!important;margin-bottom: 15px;}
	.us_comp .list .img{height: 46px;width: auto;display: block;margin:0 auto;max-width:100%;}
	.us_comp .list li:nth-last-child(1),.us_comp .list li:nth-last-child(2),.us_comp .list li:nth-last-child(3),.us_comp .list li:nth-last-child(4){width: 50%;}
	
	
	
	/*解决方案*/
	.solu_mod .imgbox{width: 80%;float:none;margin:0 auto;}
	.solu_mod .info{width: 100%;line-height: 26px;font-size: 14px;float:none;text-align: center;}
	.solu_mod_2 .info{padding:0 4%;}
	.solu_mod_3 .info{line-height: 24px;padding-top: 25px;font-size: 12px;}

	.solu_mod{padding-top: 30px;}
	.solu_mod .pub_tit{margin-bottom: 30px;}
	.solu_mod_1 .video{width:auto;height: 200px;}
	.solu_mod_2 .video{width: auto;height: 200px;}
	.solu_mod_3 .video{width: auto;height: 160px;}
	
	.solu_mod .video-js .vjs-big-play-button{background: url(../images/video.png) no-repeat center;background-size:contain;width: 44px;height: 44px;border:none;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;}


	.solu_mod_1 .video-js .vjs-big-play-button{margin-top: -40px;}




}