body{ background:#fff; font-family:"微软雅黑";}
.icon{ background: url(../img/icon.png) no-repeat 0 0;}
.mainBody{ width:100%;  background: #0040c2; min-width:1300px;}
.topHeader{ width:100%; height:110px; position: absolute; z-index: 100;}
.topHeaderBg{position: relative; -webkit-transition: background-color 1s linear; -moz-transition: background-color 1s linear; -o-transition: background-color 1s linear; transition: background-color 1s linear; -webkit-transform: translateZ(0); transform: translateZ(0); width:100%; height:110px; z-index:99;}
.topHeaderBgFix{    background: #002776; opacity: 0.98;}
.topHeaderMain{ width: 100%; height: 110px; position: absolute; z-index: 100; left: 0; top: 0; min-width: 1300px;}
.topHeader-fixed{  position: fixed; top: 0;}
.logo{ background:url(../img/logonew.png) no-repeat; width:529px; height:56px; position: absolute; top: 27px; left:160px; }
.logo a{ display:block; width:269px; height:56px;}
.nav{ float:right; height: 110px; margin-right: 160px;}
.nav ul{ height: 50px; margin-top: 30px;}
.nav li{ float:left; line-height:48px; height:48px; text-align: right;  margin-left: 60px;}
.nav li a,.nav li a:hover{ color:#fff; font-size:14px; text-decoration:none;}
.nav li.on{ border-bottom: 2px solid #fff;}
.nav li.on a{ font-size:18px;}
.indexBanner{  min-width: 1300px;}
.bannerCover{padding-top: 56.25%; background:url(../img/banner.png) no-repeat top center scroll; background-size: cover; background-position:center; position: relative;}
.cjFixd{ position: absolute; width: 670px; left: 58%; bottom: 40%; margin-left: -20px;}
.codeBox{ width: 509px; height: 392px; background: rgba(0,0,0,0.2);  -webkit-border-radius: 5px;border-radius: 5px; position: relative; margin: 90px auto 0;}
.codeBoxLeft{ position: absolute; left: 70px; top: 109px; width: 150px;}
.codeBoxLeft img{ display: block; width: 100%; height: auto;}
.codeBoxLeft span{ display: block; width: 100%; color: #fff; font-size: 16px; text-align: center; margin-top: 10px;}
.cj{ background: url( ../img/cj.png) no-repeat top center scroll; width: 669px; height: 161px;}

.downApp{ position: absolute; right: 70px; top: 127px; width: 170px;}
.downApp a{ display: block; width: 170px; height: 50px; font-size: 0; line-height: 50px; background: #fff; border-radius: 3px; text-align: center; margin-bottom: 20px;}
.downApp a i,.downApp a span{ display: inline-block; vertical-align: middle;}
.downApp .iphoneDown i{ background-position: 0 0; width: 22px; height: 27px;}
.downApp .androidDown i{ background-position: -28px 0;  width: 22px; height: 26px;}
.downApp a span{ font-size: 18px; color: #323232; margin-left: 16px;}
.min1400{ min-width:1300px;}
.indexBody{ background: #0040c2; width: 100%;}
.indexMainBox{ width: 1300px; margin: 0 auto; height: 100%; position: relative;}
.lay-1{ width: 100%; height: 518px; padding: 170px 0;}
.animationBox{ background: url(../img/float01.jpg) no-repeat;width: 650px; height: 468px; position: absolute; top: -170px; left: 0;-webkit-transition:All 1s ease-in-out;-moz-transition:All 1s ease-in-out; -o-transition:All 1s ease-in-out;transition:All 1s ease-in-out;  opacity: 0.5}
.myAnimation{-webkit-transform:translate(0,-70px);-moz-transform:translate(0,-70px); -o-transform:translate(0,-70px); -ms-transform:translate(0,-70px);transform:translate(0,-70px);  opacity: 1}
.animationBox i{ background: url(../img/lx01.png) no-repeat; width: 124px; height: 115px; position: absolute; display: block; left: 99px; top: 176px;}
.animationText{ padding-left: 255px; padding-top: 180px;}
.animationText h3{ font-size: 36px; font-family: "黑体"; color: #fcff29; line-height: 1; margin-bottom: 25px; font-weight: normal;}
.animationText p{ line-height: 1; font-size: 18px; color: #ffffff; margin-bottom: 12px; opacity: 0.9; padding-left: 2px;}
.lay-1 .pubPic{ background: url(../img/pic01.jpg) no-repeat; width: 750px; height: 518px; float: right;}
.text1{ position: absolute; left: 184px; bottom: 0; border-left:6px solid #322e68; padding-left: 30px;}
.text1 .h1{ font-size: 36px; color: #fff;}
.text1 .h2{ font-size: 18px; color: #838383; margin-top: 10px;}
.text1 .h2 p{ line-height: 30px;}
.lay-2{ width: 100%; height:720px; }
.lay-2 .pubPic{ background: url(../img/pic02.jpg) no-repeat; width: 600px; height:720px; float: left;}
.text2{ position: absolute; left: 700px; bottom: 120px;}
.text2 .h1{ font-size: 36px; color: #fff;}
.text2 .h2{ font-size: 18px; color: #838383; margin-top: 60px;}
.text2 .h2 p{ line-height: 30px;}
.text2 .h3{ width: 100px; height: 6px; background: #322e68; margin-top: 26px;}

.lay-3{ width: 100%; height:540px; padding: 110px 0 100px;}
.lay-3 .pubPic{ background: url(../img/pic03.jpg) no-repeat; width: 820px; height:540px; float: right;}
.text3 {position: absolute; right: 920px; bottom: 120px; text-align: right;}
.text3 .h1{ font-size: 36px; color: #fff;}
.text3 .h2{ font-size: 18px; color: #838383; margin-top: 60px;}
.text3 .h2 p{ line-height: 30px;}
.text3 .h3{ display: inline-block; overflow: hidden; width: 100px; height: 6px; background: #322e68; margin-top: 26px;}

.lay-4{ width: 100%; height:640px; padding-bottom: 100px;}
.lay-4 .pubPic{ background: url(../img/pic04.jpg) no-repeat; width: 822px; height:640px; float: left;}
.text4 {position: absolute; left: 922px; bottom: 120px; }
.text4 .h1{ font-size: 36px; color: #fff;}
.text4 .h2{ font-size: 18px; color: #838383; margin-top: 60px;}
.text4 .h2 p{ line-height: 30px;}
.text4 .h3{ display: inline-block; overflow: hidden; width: 100px; height: 6px; background: #322e68; margin-top: 26px;}

.lay-5{ width: 100%; height:760px;background: url(../img/pic05.jpg) no-repeat top center scroll #0e0e0e; min-width: 1300px;}
.lay-5 .title{ text-align: center; font-size: 48px; color: #dedede; line-height: 1; padding-top: 160px;}
.gsimList{ width: 884px; margin: 166px auto 0; overflow: hidden;}
.gsimList ul{ width: 1200px;}
.gsimList li{ width: 150px; float: left; margin-right: 217px;}
.gsimList li i{ display: block; width: 150px; height: 150px;}
.gsimList li.n1 i{ background-position: 0 -164px;}
.gsimList li.n2 i{ background-position: -157px -164px;}
.gsimList li.n3 i{ background-position: -314px -164px;}
.gsimList li span{ display: block; text-align: center; line-height: 36px; font-size: 20px; color: #fff; margin-top: 50px;}



.footer{ height:140px; width:100%; background:#002776;}
.foot{ width:1300px; height:80px; margin:0 auto;  padding: 30px 0;}
.footNav{ height:40px; line-height:40px; font-size:0; text-align:center;}
.footNav a,.footNav i{ display:inline-block; vertical-align:middle;}
.footNav a{ font-size:14px; color:#969696;}
.footNav a.on{ color: #fff; cursor: default;}
.footNav a:hover{ color:#fff; text-decoration:none;}
.footNav i{ overflow:hidden; background: #969696; width: 1px; height: 16px; margin:0 24px;}
.foot p{ line-height:40px; color:#969696; font-size:14px; text-align:center;}

.appDownWrap{ width: 100%; background: #0040c2; height:760px; min-width: 1300px;}
.appDownBox{ width:1300px; height:760px; margin:0 auto;}
.appDown{ float:left; width:516px; height:760px; position:relative; z-index:1;}
.iconList{ width:100%; height: auto; margin-top: 230px;}
.iconList i{ background-position: -140px 0; width:287px; height:48px; display: block; margin: 0 auto;}
.textList{ text-align:center; font-size:0; height: 30px; line-height:30px; position: relative; margin-top: 20px;}
.textList span{font-size:14px; color:#fff;  position: absolute; top: 0;}
.textList span.textOne{ left: 90px;}
.textList span.textTwo{ left: 235px;}
.textList span.textThree{ left: 358px;}
.yybCode{ width: 260px; margin: 50px 0 0 120px; position: relative;}
.codeLine{ width: 1px; height: 46px; background: #fff; position: absolute; top: -46px; left: 14px;}
.codeLine i { display: block; width: 5px; height: 5px; border: 1px solid #fff; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; position: absolute;top: -7px; left: -3px;}
.yybCode p{ color: #fff; text-align: center; line-height: 24px; margin-top: 10px;}

.partnerWrap{ width: 100%; background: #0040c2; padding-top: 130px; min-width: 1300px;}
.partnerBox{ width: 1300px; margin: 0 auto;}
.pubTitle1{ background: url(../img/title1.png) no-repeat; width: 600px; height: 84px; margin: 0 auto;}
.logoList{ width: 1236px; margin: 93px auto 0; overflow: hidden;}
.logoList ul{ width: 1300px;}
.logoList li{ width: 238px; height: 133px; font-size: 0; border: 1px solid #323232; float: left; margin: 0 9px 9px 0;}
.newsWrap{ width: 100%; background: #0040c2; padding-top: 130px; padding-bottom: 60px; min-width: 1300px;}
.newsBox{ width: 1300px; margin: 0 auto;}
.pubTitle2{ background: url(../img/title2.png) no-repeat; width: 600px; height: 84px; margin: 0 auto;}
.newsTop{ width: 1236px; background: #1b1b1b; margin: 60px auto 0; height: 390px; padding: 40px 0; position: relative;}
.newsPic{ width: 476px; height: 316px; border: 2px solid #282828; float: left; margin: 32px 55px 38px 60px; overflow: hidden;}
.newsPic ul{ height: 316px;}
.newsPic li{ width:476px; height: 316px; float: left;}
.newsList{ width: 482px; height:390px; padding-left:40px; border-left: 1px solid #262626; float: left; position: relative;}
.newsTop .bd { width: 1236px; height: 390px; overflow: hidden;}
.newsTop .bd li{width: 1236px; height: 390px;  float: left;}
.newsItme{ height: 121px; border-bottom: 1px dotted #373737; padding-bottom: 20px;}
.newsItme:first-child{ margin-bottom: 60px;}
.newsItme .time{ font-size:18px; color: #323232;}
.newsItme .title{ font-size: 24px; width: 100%; height: 30px; line-height: 30px;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;  margin-top: 10px;}
.newsItme .title a,.newsItme .title a:hover{color: #969696; text-decoration: none;}
.newsItme .news{ font-size:14px; height: 40px; line-height: 20px; overflow: hidden; margin-top: 20px;}
.newsItme .news a,.newsItme .news a:hover{ color: #646464; text-decoration: none;}
/*关于我们*/
.aboutBody{ width: 100%; background: #fafafa; min-width: 1300px;}
.aboutBan{ padding-top: 28.13%; background:url(../img/about.jpg) no-repeat top center scroll; background-size: cover; background-position:center; position: relative;}
.mainBox{ width:1140px; margin:0 auto;}
.aboutBox{ padding:20px 0 30px;}
.pubTitle{ font-size:30px; color:#1f2228; line-height:30px; font-family: "黑体"; margin-bottom: 40px;}
.expText{ font-size:14px; line-height:36px; color:#646464; text-indent:2em;}
.textBox{  overflow: hidden; position: relative;}
.textBox span{ display: block; width: 100%; background: -webkit-linear-gradient(top,rgba(250,250,250,0.5),rgba(250,250,250,1)); background: -moz-linear-gradient(top,rgba(250,250,250,0.5),rgba(250,250,250,1)); background: linear-gradient(top,rgba(250,250,250,0.5),rgba(250,250,250,1));  height: 36px; position: absolute; bottom: 0; left: 0;}
.toggleBtn{ background: url(../img/more.png) no-repeat; width: 18px; height: 19px; margin: 10px auto 0; cursor: pointer;-webkit-animation: myfirst 1s infinite;animation: myfirst 1s infinite; }
@-webkit-keyframes myfirst {  
   0% {  
	   -webkit-transform: translate(0px, 0px);  
	   transform: translate(0px, 0px);
   }
	
  
	80% {  
	    -webkit-transform: translate(0px, 5px); 
	   transform: translate(0px, 5px);  
   }  
   100% {  
	   -webkit-transform: translate(0px, 0px);
	   transform: translate(0px, 0px);  
   }  
}
@keyframes myfirst {  
   0% {  
	   -webkit-transform: translate(0px, 0px);  
	   transform: translate(0px, 0px);
   }
	
 
	80% {  
	    -webkit-transform: translate(0px, 5px); 
	   transform: translate(0px, 5px);  
   }  
   100% {  
	   -webkit-transform: translate(0px, 0px);
	   transform: translate(0px, 0px);  
   }  
}
.qualifications{ margin-top: 50px;}
.qualificationsList{ width: 902px; overflow: hidden; margin: 0 auto;}
.qualificationsList ul{ width: 1000px;}
.qualificationsList li{ width: 422px; margin-right: 58px; float: left; text-align: center; margin-bottom: 60px;}
/*.qualificationsList li img{width: 262px;height: 348px;}*/
.qualificationsList li p{ font-size: 14px; color: #646464; margin-top: 30px; line-height: 1;}
.patentBox{ margin-top: 50px;}
.patentList{ width: 100%;}
.patentList li{ height: auto;}
.patentList li .year{ padding: 20px 0;}
.patentList li .year{ float:left; width: 68px; padding-left: 12px; height: 30px; line-height: 30px; font-size: 18px; color: #646464; position: relative;}
.patentList li .year .yuan{ position: absolute; width: 15px; height: 16px; display: block; right: -9px; top: 27px; background: url(../img/crcle.png) no-repeat;}
.patentList li .patentLine{ float:left; height: 100%; width: 1px; overflow: hidden; background: #c8c8c8;}
.patentList li .open{ float:left; width: 30px; height: 30px; display: block; background: url(../img/jia.jpg) no-repeat; margin:20px 0 20px 47px; cursor: pointer;}
.patentList li.on .patentItem{ display: block; padding-bottom: 20px;}
.patentList li.on .open{ display:none;}
.patentItem{ float:left; display: none; margin-left: 37px;}
.patentItem .patentInfo{ height: 176px; margin-bottom: 30px;}
.patentInfo .time{ float:left; font-size: 14px; color: #969696; line-height: 30px; padding: 20px 0; position: relative; width: 65px;}
.patentInfo .patentImg{ float:left; width: 132px; margin-left: 74px; cursor: pointer; position: relative; font-size:0;}
.fdj{ position: absolute; background: url(../img/fdj.png) no-repeat; width: 38px; height: 38px; left: 50%; top: 50%; display: none; margin: -19px 0 0 -19px;}
.patentInfo .patentName{ float:left; padding-top: 40px; margin-left: 55px;}
.patentInfo .patentName p{ line-height: 30px; color: #646464; font-size: 14px;}
.smallLine{ width: 10px; height: 1px; display: block; overflow: hidden; background: #c8c8c8; position: absolute; left: -37px; top: 34px;}
/*联系我们*/
.contactBan{  padding-top: 28.13%; background:url(../img/banner.png) no-repeat top center scroll; background-size: cover; background-position:center; position: relative;}
.contactBox{ position:relative; width:100%; width: 1170px; margin: 0 auto; padding: 90px 0;}
.contactTitle{ font-size:24px; color: #323232; line-height: 1; font-family: "黑体"; margin-bottom: 50px;}
.compernList{ width: 100%;}
.compernList .item{ width: 50%; float: left;}
.compernList .item h3{ font-size:18px; color: #646464; font-weight: normal; line-height: 1; margin-bottom: 20px;}
.compernList .item p{ line-height: 36px; color: #646464; font-size: 14px;}
.wecatNum{ width: 100%; margin-top: 90px;}
.wecatNum h3{ font-size:18px; color: #646464; font-weight: normal; line-height: 1; margin-bottom: 30px;}
.wecatNum img{ display: block;}
.servesNum{ width: 100%; margin-top: 100px;}
.servesNum h3{font-size:18px; color: #646464; font-weight: normal; line-height: 1; margin-bottom: 24px;}
.servesNum p{line-height: 36px; color: #646464; font-size: 14px;}
/*董事长致辞*/
.cultureBan{  padding-top: 28.13%; background:url(../img/culture.jpg) no-repeat top center scroll; background-size: cover; background-position:center; position: relative;}
.cultureBox{ background:url(../img/cultureBg.jpg) no-repeat top center; width:1020px; height:2142px; position:relative; z-index:1; margin: 50px auto 0; padding-bottom: 50px; }

/*加入我们*/
.jionBan{ padding-top: 28.13%; background:url(../img/jionUs.jpg) no-repeat top center scroll; background-size: cover; background-position:center; position: relative;}
.jionBox{ width: 1200px; margin: 40px auto 0; padding-bottom: 80px;}
.tabWrap{  border:1px solid #c8c8c8; border-radius: 2px; float: left; width: 198px; padding: 0 30px; height: 159px;}
.tabNav{ height: 159px;}
.tabNav a{ display:block; height:79px; line-height: 79px; border-bottom: 1px solid #c8c8c8;color:#646464; font-size:18px; padding:0 10px; }
.tabNav .last{ border-bottom:none;}
.tabNav a:hover{ color:#646464; text-decoration:none;}
.tabNav a.cur{ color:#2083f2;}

.e-mail{ float:right; display:block; height:44px; border:1px solid #0090ff; border-radius:3px; line-height:44px; color:#0090ff; font-size:18px; padding:0 33px;}
.e-mail:hover{ color:#0090ff; text-decoration:none;}
.tabBox{  margin-left: 316px;}
.filterBox{ height:35px; padding-top: 20px;}
.filterBox ul{ height: 35px;}
.filterBox li{ float:left; height:33px; width: 88px; background: #f0f0f0; text-align: center; font-size: 14px; color: #646464; border: 1px solid #c8c8c8; border-radius: 5px; line-height:33px; margin-right:20px; _display:inline; cursor:pointer;}
.filterBox li.on{ border:1px solid #2083f2; background: #2083f2; color: #fff;}

.postBox{ }
.item{ width:100%;}
.item h3{ color:#323232; font-size:18px; line-height:1; margin-top: 65px;}
.item h4{ color:#646464; font-size:18px; line-height:1; margin-top:50px; margin-bottom: 20px;}
.item p{ color:#646464; font-size:14px; line-height:36px;}
/*我们的福利*/
.welfare{ padding:20px 0 0;}
.welfare p{ font-size:14px; color:#323232; line-height:20px;}
.welfare p.big{ font-size:14px; color:#323232;  line-height: 50px; font-size: 0;}
.welfare p.big i,.welfare p.big span{ display: inline-block; vertical-align: middle;}
.welfare p.big i{ overflow: hidden; width: 8px; height: 8px; border-radius: 50%; background: #646464;}
.welfare p.big span{ font-size:14px; margin-left: 17px;}
.welfareList{ width:880px; margin:40px auto 0; height:959px; overflow:hidden;}
.welfareList li{ float:left; font-size:24px; color:#fff; line-height:280px; text-align:center;}
.welfareList li.n1{ background:url(../img/img01.jpg) no-repeat; width: 440px; height: 320px; line-height: 320px;}
.welfareList li.n2{ background:url(../img/img02.jpg) no-repeat;width: 440px; height: 320px; line-height: 320px;}
.welfareList li.n3{ background:url(../img/img03.jpg) no-repeat;width: 880px; height: 319px; line-height: 319px;}
.welfareList li.n4{ background:url(../img/img04.jpg) no-repeat;width: 220px; height: 320px; line-height: 320px;}
.welfareList li.n5{ background:url(../img/img05.jpg) no-repeat;width: 220px; height: 320px; line-height: 320px;}
.welfareList li.n6{ background:url(../img/img06.jpg) no-repeat;width: 220px; height: 320px; line-height: 320px;}
.welfareList li.n7{ background:url(../img/img07.jpg) no-repeat;width: 220px; height: 320px; line-height: 320px;}



.slideBox{ width:662px; height:590px; float:right; position:relative; margin-top:169px; margin-right: 112px; z-index:1;}
.slideBox .bd{ position:relative; background: url(../img/phoneBg.png) no-repeat; padding: 70px 14px 0 14px; width:357px; height:520px; overflow:hidden; z-index:0; margin:0 auto;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:357px; height:520px; display:block;}
.slideBox .prev,.slideBox .next{ position:absolute;  top:50%; margin-top:-40px; display:block; width:80px; height:80px; }
.slideBox .prev{  left:0; background-position:-401px -66px;}
.slideBox .next{  right:0; background-position:-227px -66px;}
.slideBox .prevStop{  background-position:-144px -66px; }
.slideBox .nextStop{ background-position:-314px -66px;}


.slideBox1 .prev,.slideBox1 .next{ position:absolute; right: 40px;  display:block; width:34px; height:34px;  z-index: 90;}
.slideBox1 .prev{   top:196px; background-position:-72px -328px;}
.slideBox1 .next{  bottom:196px; background-position:-36px -328px;}
.slideBox1 .prevStop{  background-position:0 -328px; }
.slideBox1 .nextStop{ background-position:-108px -328px;}
@media screen and (max-width: 1440px) {
	.cjFixd{ width: 490px; margin-left: 40px;}
	.codeBox{ width: 370px; height: 286px; margin: 50px auto 0;}
	.cj{ background: url(../img/cjSmall.png) no-repeat top center scroll; width: 490px; height:118px; }
	.codeBoxLeft{ width: 110px; height: 110px; left: 50px; top: 80px;}
	.downApp{ width: 125px; right: 50px; top: 92px;}
	.downApp a{ width: 125px; height: 38px; line-height: 38px; margin-bottom: 13px;}
	.downApp a span{ font-size:13px; margin-left: 10px;}
	.downApp .iphoneDown i{ width: 16px; height: 20px; background-position: -58px 0;}
	.downApp .androidDown i{width: 16px; height: 19px; background-position: -79px 0;}
	.codeBoxLeft span{ font-size: 12px;}
}

.buyBtn{
	position: absolute;
	bottom:42%;
	left:28%;
}
.history{
	margin-top: 64px;
	margin-bottom: 110px;
}