﻿@charset "utf-8";
/* CSS Document */
body{
	min-width: 1000px;
}
 .header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
 	background:#2a2b2e;
 	z-index: 999;

 }
 .header-main{
 	min-width: 1100px;
 }
 .index-wrap{
 	min-width: 1000px;
 	overflow: hidden;
 }
  .logo{
  	position: relative;
	top:30px;
	left:100px;
 	width:150px;
 	height:47px;

 }
  .gp{
  	position: relative;
	top:40px;
	left:120px;
 	width:150px;
 	height:47px;
	font-size:14px;
color:#fff;
 }

 .header-nav{
 	position: relative;
	top: 30px;
	right:100px;
	width: 820px;
 }
 .header-nav li{
 	width:80px;
 	text-align: center;
 	margin-top: 10px;
 	font-size: 14px;
 	
 }
 .cur{
 	color:#e77817;
 	border-bottom: 3px solid #e77817;
 	padding-bottom: 32px;
 	display: block;
 
 }
 
 .header-nav  a:hover{
 	color: #e77817;
  
 }
 
  .footer{
 	min-width: 1000px;
 	background:#17181a;
 }
 .footer-main a:hover{
 	color:#fff;
 }
 /***/
.banner-wrap{
	position: relative;
	width: 100%;
	height: 698px;
	min-width: 1000px;
	overflow: hidden;
}
.banner{
	position: relative;
	width: 1920px;
	height: 698px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}
.banner ul li{
	width: 1920px;
	height: 698px;
}
.banner .hd {
	position: relative;
}
.banner .hd li{
	background: url(../img/num.png) no-repeat;
	width: 13px;
	height: 13px;
}
.banner .hd  .on{
	background: url(../img/numed.png) no-repeat!important;
	width: 13px;
	height: 13px;
}

/** **/
.applycation-bg{
	 height: 387px;
	 min-width: 1000px;
	 background: url(../img/bg1.jpg) no-repeat;
	overflow: visible;
}
.applycation-box{
	width: 716px;
	height: 392px;
	background: #e77817;
 	position: relative;
	top:-80px;
}
.applycation-box ul{
	width: 976px;
	position: relative;
	top:25px;
	left: 24px;
}
.applycation-box li{
	width: 244px;
	height: 168px;
}
.more{
	width: 244px;
	height: 168px;
	background:url(../img/more.jpg) no-repeat;
}
.black-box{
	position: relative;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background: #000;
}
.introduction-bg{
	height: 300px;
	min-width: 1000px;
	background: url(../img/bg2.jpg) no-repeat;
}
.introduction-box{
	width: 1000px;
	height: 362px;
	background:#e77817;
	position: relative;
	top:55px;
}
 
.video-box{
	width: 548px;
 	height: 363px;
 	position: relative;
	top:-26px;
	left:26px;
}
.news-center{
	height: 960px;
	min-width: 1000px;
	background: url(../img/bg3.jpg) no-repeat;
}
.right{
	width: 11px;
	height: 22px;
	background:url(../img/right.png) no-repeat; 
}
.news-center li{
	width: 333px;
	height: 230px;
}
.news-tit{
	color: #444;
}
.news-tit:hover{
	color:#e77817;
}
.see-more{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border:2px solid #000;
	display: none ;
}
.see-more:hover{
	border-color: #fff;
	color:#fff;
}
 
.grey{
	background: #e7e7e7;
 
}
.product-introduction{
	width: 495px;
	height: 265px;
	border-left: 5px solid #373737;
}
.product-introduction-box{
	width: 370px;
	height: 265px;
	background:#e77817;
}
.product-introduction-box a:hover{
	color:#db540b;
}
.product-introduction-box ul{
	width: 460px;
	height: 228px;
	position: relative;
	top:20px;
	left: 20px;
}
.product-introduction-box  li{
	width: 460px;
	height: 228px;
}
.customer-support{
	width: 500px;
	height: 265px;
}
.customer-support-box{
	width: 370px;
	height: 265px;
	background:#373737;
}
.customer-support-box a:hover{
	color: #db540b;
}
.customer-support-box ul{
	width: 460px;
	height: 228px;
	position: relative;
	top:20px;
	left: 20px;
}
.customer-support-box li{
	width: 230px;
	height: 228px;
}

.product-introduction-box .see-more-box{
	top: -68px;
	left: 20px;
}

.see-more-box{
	width: 120px;
	height: 40px;
	background: #17181a;
	position: relative;
	top: 15px;
	left: 20px;

}
.opacity{
	opacity: .7;
	filter:alpha(opacity=70);
}
.details{
	background: #000;
	filter:alpha(opacity=80);
	opacity: .8;
	width:244px;
	height: 168px;
	z-index: 3;
	position: relative;
	left: 0;
	top: -174px;
	display: none;
	line-height: 40px;
}
.banner-about{
	position: relative;
	width: 100%;
	height: 490px;
	min-width: 1000px;
	overflow: hidden;
	margin-top:79px;

}
.banner-bg{
	position: relative;
	width: 1920px;
	height: 490px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	background: url(../img/about.jpg) no-repeat;
}
 
.about-bg{
	min-width: 1000px;
	height: 670px;
	background: url(../img/about_bg.jpg) no-repeat;	
}
.grey-bg{
	min-width: 1000px;
	height: 590px;
	background: url(../img/grey_bg.jpg) no-repeat;
}
.general-manager{
	width: 647px;
	height: 395px;
	background: url(../img/zjl.jpg) no-repeat;
	z-index: 2;
	position: relative;

}
.out-border{
	width: 152px;
	height: 193px;
	background: url(../img/brown_box.png) no-repeat;
	position: relative;
	top: -36px;
	left: 460px;
}
.inner-border{
	width: 132px;
	height: 172px;
	border:1px solid #b6a398;
}
.fangyunke{
	width: 33px;
	height:116px;
	background:url(../img/fangyunke.png) no-repeat;
}
.speech-content{
	width: 480px;
	height: 350px;
	background: #fff;
	position: relative;
	top: -168px;
	left: -350px;
	z-index: 3;
}
.link-border{
	width: 414px;
	height: 45px;
	border: 3px solid #c7c8c7;
	position: absolute;
	top: 560px;
	left: 64px;
	z-index: 1;
}
.patent{
	cursor: pointer;
	width: 140px;
	height: 140px;
	background: url(../img/patent.png) no-repeat;
}
.honor{
	cursor: pointer;
	width: 140px;
	height: 140px;
	background: url(../img/honor.png) no-repeat;
}
.software{
	cursor: pointer;
	width: 140px;
	height: 140px;
	background: url(../img/software.png) no-repeat;
}
.relevant{
	cursor: pointer;
	
	width: 140px;
	height: 140px;
	background: url(../img/relevant.png) no-repeat;
}
.patent:hover{
	width: 140px;
	height: 140px;
	background: url(../img/patented.png) no-repeat;
}
.patented{
	width: 140px;
	height: 140px;
	background: url(../img/patented.png) no-repeat;
}
.honor:hover{
	width: 140px;
	height: 140px;
	background: url(../img/honored.png) no-repeat;
}
.honored{
	width: 140px;
	height: 140px;
	background: url(../img/honored.png) no-repeat;
}
.software:hover{
	width: 140px;
	height: 140px;
	background: url(../img/softwared.png) no-repeat;
}
.softwared{
	width: 140px;
	height: 140px;
	background: url(../img/softwared.png) no-repeat;
}
.relevant:hover{
	width: 140px;
	height: 140px;
	background: url(../img/relevanted.png) no-repeat;
}
.relevanted{
	width: 140px;
	height: 140px;
	background: url(../img/relevanted.png) no-repeat;
}
.yinhao{
	width: 31px;
	height: 29px;
	background: url(../img/yinhao.png) no-repeat; 
}

.news-banner{
	position: relative;
	width: 100%;
	height:530px;
	min-width: 1000px;
	overflow: hidden;
	margin-top:79px;
}

.news-banner-bg{
	position: relative;
	width: 1920px;
	height: 530px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}


.news-info{
	width: 240px;
	height: 40px;
}
 
  
.grey-info{
	width: 100px;
	height:30px;
	background: #aaa;
	line-height: 30px;
	margin-left: 15px;
	border-radius: 2px;
}

.orange-info{
	width: 100px;
	height:36px;
	line-height: 32px;
	margin-left: 15px;
	background: url(../img/news_box.png) no-repeat;
}

.green-news-block{
	height: 236px;
	border-top: 1px solid #e6e7e8;
	border-bottom: 1px solid #e6e7e8;
	background: url(../img/news_bg.jpg) no-repeat;
}

.green-news-block:hover{
	background: #fff;
}
.green-bg{
	background: url(../img/news_bg.jpg) no-repeat;
	
}
.orange{
	color:#e77817;
}
.product-banner{
	position: relative;
	width: 100%;
	height:530px;
	min-width: 1000px;
	overflow: hidden;
	margin-top:79px;
}

.product-banner-bg{
	position: relative;
	width: 1920px;
	height: 530px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	background: url(../img/product_banner.jpg) no-repeat;
	z-index: 2;
}

.fringe-bg{
	background: url(../img/fringe_bg.jpg) no-repeat;
	 
}
.lattice-bg{
	background: url(../img/lattice_bg.jpg) no-repeat;

}
.lattice-repeat{
	background: url(../img/lattice_repeat.jpg) no-repeat;

}

.industry-banner{
	position: relative;
	width: 100%;
	height:530px;
	min-width: 1000px;
	overflow: hidden;
	margin-top:79px;
}

.industry-banner-bg{
	position: relative;
	width: 1920px;
	height: 530px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}
 

.search-more{
	width: 131px;
	height: 33px;
	border: 2px solid #000;
	line-height: 33px;
}
.search-more:hover{
	color: #e77817;
	border-color: #e77817;
}

.support-banner{
	position: relative;
	width: 100%;
	height:540px;
	min-width: 1000px;
	overflow: hidden;
	margin-top:79px;
}

.support-banner-bg{
	position: relative;
	width: 1920px;
	height: 540px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
}

.software-product{
 	width: 1200px;
 	overflow: hidden;
}
 
.next{
 
	width:50px;
	height: 50px;
	background: url(../img/round_right.png) no-repeat;
	cursor: pointer;
}
 
.prev{
 
	width:50px;
	height: 50px;
	background: url(../img/round_left.png) no-repeat;
	cursor: pointer;
}
.prev:hover{
}
.software-product li{
	 margin-left: 15px;
}
.data-download li{
	 margin-left: 15px;
}
.black-download{

	position: relative;
	width: 56px;
	height: 64px;
	background: url(../img/download1.png) no-repeat;
	cursor: pointer;
}
.black-download:hover{
 
	background: url(../img/download2.png) no-repeat;
}
.data-download{
	width: 1200px; 
}
 
 
.search-details{
	border: 1px solid #ccc;
	width: 80px;
	height: 26px;
	line-height: 26px;
	text-align: center;

}
.search-details:hover{
	 background: #e77817;
	 color: #fff;
}
 .job-infomation{
 	height:400px;
 	background:#e77817;
 }
.job-info{
 	width: 1200px;
 } 
.job-info li{
	margin-left: 15px;
}
.job-name:hover{
	color:  #e77817;
}

.round-one{
	width: 105px;
	height: 105px;
	background: url(../img/pro1.png) no-repeat;
}
.round-two{
	width: 105px;
	height: 105px;
	background: url(../img/pro2.png) no-repeat;
}
.round-three{
	width: 105px;
	height: 105px;
	background: url(../img/pro3.png) no-repeat;
}
.round-four{
	width: 105px;
	height: 105px;
	background: url(../img/pro4.png) no-repeat;
}
.round-five{
	width: 105px;
	height: 105px;
	background: url(../img/pro5.png) no-repeat;
}
.round-six{
	width: 105px;
	height: 105px;
	background: url(../img/pro6.png) no-repeat;
}
.round-one:hover{
	width: 105px;
	height: 105px;
	background: url(../img/proed1.png) no-repeat;
}
.round-two:hover{
	width: 105px;
	height: 105px;
	background: url(../img/proed2.png) no-repeat;
}
.round-three:hover{
	width: 105px;
	height: 105px;
	background: url(../img/proed3.png) no-repeat;
}
.round-four:hover{
	width: 105px;
	height: 105px;
	background: url(../img/proed4.png) no-repeat;
}
.round-five:hover{
	width: 105px;
	height: 105px;
	background: url(../img/proed5.png) no-repeat;
}
.round-six:hover{
	width: 105px;
	height: 105px;
	background: url(../img/proed6.png) no-repeat;
}
 .round-one-ed{
	width: 105px;
	height: 105px;
	background: url(../img/proed1.png) no-repeat;
}
.round-two-ed{
	width: 105px;
	height: 105px;
	background: url(../img/proed2.png) no-repeat;
}
.round-three-ed{
	width: 105px;
	height: 105px;
	background: url(../img/proed3.png) no-repeat;
}
.round-four-ed{
	width: 105px;
	height: 105px;
	background: url(../img/proed4.png) no-repeat;
}
.round-five-ed{
	width: 105px;
	height: 105px;
	background: url(../img/proed5.png) no-repeat;
}
.round-six-ed{
	width: 105px;
	height: 105px;
	background: url(../img/proed6.png) no-repeat;
}
.production{
	width: 1000px;
	height: 432px;
	background: url(../img/production.png) no-repeat;
}

.seemore{
	padding: 5px 20px;
	border:1px solid #fff;
	position: absolute;
}
.arrow-down{
	position: absolute;
}
.sharp-box{
	width:41px;
	height:35px;
	margin-top:-35px;
}
dd:hover{
	background: #dcdcdc;
	opacity: .9;
}
 
.switch{
	position: relative;
	top:-258px;
	left:-826px;
	width: 100px;
}
.switch li{
	width: 50px;
	height: 50px;
 
}
.switch .prev{
	background: #e77817;
}
.switch .next{
	background: #e77817;
}
.switch .prev:hover{
	background: #db540b;
}
.switch .next:hover{
	background: #db540b;
}
.word-box{
	width: 260px;
	height: 300px;
	background: url(../img/word_box.png) no-repeat;
	opacity: .9;
 	margin:30px -10px;
}
.video-view {
	width:577px;
	height:398px;
 	position: relative;
 	left: -10px;
}
.video-bg{
	width:183px;
	height:283px;
}
.erweima-box{
	position: relative;
	top:-142px;
	left:-50px;
 	z-index: 5;
 	display: none;

}
.erweima{
	background: url(../img/erweima.png) no-repeat;
	width: 132px;
	height: 140px;
	position: absolute;
	left: 0;
	top:0;
 	
 
}
/*** 弹出窗***/
.dialogwindow-bg {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter:alpha(opacity=50);
	z-index: 2;
}

.dialogwindow-outer {
	position: absolute;
	width: 960px;
	height: 370px;
	background: #fff;
	z-index: 3;
	border:3px solid #a1a1a1;
}
.dialogwindow{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	z-index: 6;
}
.see-more-wh{
	position: relative;
	width: 120px;
	height: 30px;
	border:1px solid #fff;
 
}
.download button{
	width: 106px;
	height: 35px;
	outline: none;
	border:0;
}
.details-tab {
 	height: 56px;
 }
.details-tab a{
	width: 167px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	background: #ededed;
	margin-left: 1px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	display: block;
}
.tabhover{
  	background: #e77817;
  	color: #fff;
}
 
.details-tab a:hover{
  	color: #fff;
  	background:  #e77817;
}
.dashed{
	border-bottom: 1px dashed #ccc;
}
/** 轮播**/
.contact-banner{
	min-width: 1000px;
	height: 540px;
	margin:0 auto; 
	position:relative; 
	overflow: hidden;
	margin-top:79px;
}
.contact-banner .hd{
	position: relative;
	top: -30px;
	margin:0 auto;
	width: 100px;
}
 
 
#pic{
	height:540px; 
	width:1920px; 
	margin-left:-960px; 
	position:relative;  
	top:0;  
	left:50%; 
	overflow:hidden; 
	z-index:0; 
}
.slide{
	display:block; 
	float:left;  
	width:1920px;
}
.slide-certificate{
	display:inline-block;
	float:left;  
	width:700px;
	height: 270px;
}
#dots{
	height:13px;
	position:absolute; 
	bottom:13px; 
	left:50%; 
	margin-left: -46px;
 
}
#dots li{ 
	width:23px; 
	height:13px; 
}
#dots li a{ 
	width:10px; 
	display:block; 
	height:10px;
	border-radius: 50%;
	background-color:#ccc; 
 
	}
#dots li.act a{
	background-color:#e77817;
	border-radius: 50%;
}

.scrollpics-out{
	margin:0 auto; 
	position:relative; 
	overflow: hidden;
}
.scrollpics{
    height: 270px;
    width:890px;
    top:0;  
	left:50%; 
    margin-left:-445px; 
    margin-bottom: 10px;
    /*overflow: hidden;*/
    position:relative;
}
.hd li{
	cursor: pointer;
	padding: 5px;
	width: 13px;
	height: 13px;
	background: url(../img/num.png) no-repeat;
}
.hd li:hover{
	background: url(../img/numed.png) no-repeat;
}
.bdc-box:hover{
	border-color: #e77817;
}


/***爱科科技***/
.lcp .bd ul li{
	position: relative;
	width: 880px;
	height: 490px;

}

.lcp,.lcp .bd{
	position: relative;
	margin: 0 auto;
}
.lcp .bd{
	width: 882px;
	overflow: hidden;
}
 
.lcp .bd ul li .txt{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	background:#747475;
	opacity:.8;
	filter:alpha(opacity=80);
}

.lcp-wrap{
	padding: 60px 0;
	border-top: 1px solid #ccc; 
}
.tool .bd{
	position: relative;
	width: 802px;
	margin: 0 auto;
	overflow: hidden;
}
.tool .bd ul li{
	width: 252px;
	height: 260px;
	margin-right: 23px;
}
.tool .bd ul li img{
	border: 1px solid #ccc;
}
.tool .bd ul li.active img{
	border-color:#e77817 
}
.cailiao .bd ul li{
	width: 250px;
	height: 188px;
	margin-right: 30px;
}
.modular .bd ul li{
	width: 260px;
	height: 340px;
	margin-right: 20px;
}
.software-center .bd ul li{
 
	width: 1002px;
 	margin-left:50px;


}
.software-center .bd ul li .txt{
 	font-size: 18px;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	background:#747475;
	opacity:.8;
	filter:alpha(opacity=80);
}

.about-box .prev,.tool .prev,.cailiao .prev,.modular .prev,.lcp .prev{
	background: url(../img/prev1.jpg) no-repeat;
	width: 59px;
	height: 113px;
}
.about-box .next,.tool .next,.cailiao .next,.modular .next,.lcp .next{
	background: url(../img/next1.jpg) no-repeat;
	width: 59px;
	height: 113px;
}
.hd .on{
	background: url(../img/numed.png) no-repeat;
	width: 13px;
	height: 13px;
}


/* 人才招聘 */
#spred {
    color:#F00;
}
.joinus_tb {
    border:1px solid #E2E2E2;
    border-width: 0 0 1px 1px;}
.joinus_tb tr td {
    padding: 5px;
    border:1px solid #E2E2E2;
    border-width:1px 1px 0 0;
}
.joinus_tb tr td {
	line-height: 1.8;
}
.joinus_tb .feedback_input {
    width: 120px;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    color: #666;
    border: 1px solid #dddddd;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
}
.joinus_tb .error {
    width: 120px;
    height: 18px;
    padding: 5px;
    line-height: 18px;
    color: #666;
    border: 1px solid #D70128;
    box-shadow: 2px 2px 2px #f4f4f4 inset;
    background: #fff;
}
.tabulation table{
	width: 100%;
	border:1px solid #ccc;

}
.tabulation tr{
	border:1px solid #ccc;
	padding:10px;
}
.tabulation td{
	padding:5px;
}
.pagination a{
	display: block;
  	padding: 5px 10px;
    background-color: white;
    border: 1px solid #eee;
    float: left;
}
.pagination{
	width: 150px;
	margin:auto;
}
.pagination a:hover{
	display: block;
  	padding: 5px 10px;
    background-color: #e77817;
    border: 1px solid #eee;
    float: left;
    color: #fff;
}
.pagination a:active{
	display: block;
  	padding: 5px 15px;
    background-color: #e77817;
    border: 1px solid #eee;
    float: left;
    color: #fff;
}
.page-on{
	 background-color: #e77817!important;
	 color: #fff!important;
}
.green-news-block .scrll{
	display: block;
	height: 60px;
	overflow: auto;
	padding-right: 40px;
}


.news-info2{
	width: 590px;
}
.investor-ulbox2{
	margin:40px auto 0;
	display:flex;
	flex-flow:row wrap;
}

.investor-ulbox2 .green-news-block {
	width:31%;
	margin-right:3.5%;
	margin-bottom:3.5%;
	height:auto;
	background:#f0f0f0;

}
.investor-ulbox2 .green-news-block a{
	display:block;
}
.investor-ulbox2 .green-news-block:nth-child(3n){
	margin-right:0;
}
.investor-ulbox2 .green-news-block .text{
	padding:18px 18px 40px;
}

.investor-ulbox2 .green-news-block .w1000{
	width:100%;
}
.investor-ulbox2 .green-news-block a{
	display:block;
}
.investor-ulbox2 .green-news-block img{
	width:100%;
}
.investor-ulbox2 .green-news-block .text .p2{
	width:100%;
	height:54px;
	line-height:27px;
	overflow: hidden;
}
.investor-ulbox2 .green-news-block a .p3{
	color:#e77918;
}

.incontact .ulbox2{
	margin:80px auto 160px; 
	display:flex;
}
.incontact .ulbox2 .li{
	width:31%;
	margin-right:3.5%;
	border-radius:8px;
	overflow: hidden;
	background:#e77918;
	padding:35px 30px;
}
.incontact .ulbox2 .li img{
	display:block;
	margin:0 auto 30px;
}
.incontact .ulbox2 .li p{
	color:#fff;
	font-size:16px;
	text-align:center;
}
.investor-ulbox2 .green-news-block .text .g3{
	height:52px;
	line-height:27px;
	overflow: hidden;
	margin-bottom:15px;
}
@media (max-width:1480px) {
	.logo{
		left:60px;
	}
	.header-nav{
		right:60px;
	}
	.gp{
		left:80px;
	}
}

#network {
	width: 220px;
}

.share-link {
	position: relative;
	display: inline-block;
}

.share-link>img {
	border-radius: 50%;
}

.share-link .pos-pic {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: calc(100% + 5px);
	width:140px;
	/* height:140px; */
	display: none;
}

.share-link .pos-pic img {
	width: 100%;
}

.share-link:hover .pos-pic {
	display: block;
}