@charset "utf-8";
/* CSS Document */
*{word-wrap:break-word;outline:none;margin:0;}
body{margin:0;padding:0;font-size:16px;line-height:24px;background: #FFF;color:#7f7e90;font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue","宋体","Arial","Arial Narrow";}
form,ol,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,h9{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:30px;font-family:"Microsoft YaHei","微软雅黑","Helvetica Neue","宋体","Arial","Arial Narrow";}
img{border:0;}
ul,ol,li{list-style-type:none;}
cite,em,i{font-style:normal;}
/*链接颜色 */
a{color:#626262;text-decoration:none;}
a:hover{color:#1A87ED;}
.imga{display:block;}
/*颜色*/
.blue{color: #1A87ED;}
.fff{color: #FFF;}
/*浮动位置 */
.fl{float:left; display:inline;}
.fr{float:right;}
.cl{clear:both;}
/*内部位置*/
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.posr{position: relative;display: block;}
.posa{position: absolute;}
.ove{overflow: hidden;}
/*兼容*/
.tran{transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.inline{display: inline-block;*display: inline;*zoom: 1;}
.opac8r{filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF',endColorstr='#CCFFFFFF');background-color: rgba(255,255,255,0.8);}
.clearfix, .Column{zoom:1;}
.clearfix:after, .Column:after{content:"."; display:block; clear:both; height:0; font:0/0 sans-serif; visibility:hidden;}
/*框架*/
.Column{position: relative;height: auto;width: 1024px;margin: 0 auto;}

/*头部*/
.Header{position: fixed;top: 0;left: 0;z-index: 998;width: 100%;min-width: 1024px;height: 70px;}
	.Header .logo{z-index: 10;position: relative;float: left;display: inline;margin-left: 55px;}
		.Header .logo img{display: block;}
	.topNav{position: absolute;top: 0;left: 0;z-index: 9;width: 100%;height: 100%;text-align: center;}
		.topNav ul{position: relative;width: 680px;margin: 0 auto;}
		.topNav ul li{float: left;width: 85px;}
		.topNav ul li a{display: block;text-align: center;line-height: 67px;font-size: 14px;color: #434343;}
		.topNav .nav_bar{float: none;width: 100%;height: 3px;}
		.topNav .nav_bar em{float: left;width: 85px;height: 3px;background: #258DEE;}
	.Header .phone{float: right;padding-left: 30px;margin-right: 55px;background: url(../images/head_phone.png) left center no-repeat;line-height: 70px;color: #434343;font-size: 24px;font-weight: bold;}

/*公共部分*/
body,html{ overflow:hidden;}
section{ width:100%;}
.section{background-repeat: no-repeat;background-position: 50%;background-size: cover;overflow: hidden;}
	.sectionH2{padding-top: 10%;font-weight: normal;text-align: center;font-size: 20px;color: #434343;}
		.sectionH2 em{display: block;height: 25px;background-position: center;background-repeat: no-repeat;}
		.sectionH2 span{display: block;margin-top: 15px;}
	.section .swiper-slide{z-index: 1;}
	.section .hd{position: relative;z-index: 100;width: 100%;height: 40px;text-align: center;}
		.section .hd span{width: 70px;height: 40px;margin: 0 5px;border-radius: 0;opacity: 1;background: none;}
		.section .hd span:before{content: "";display: block;height: 10px;margin: 15px 0;background: rgba(0,0,0,.5);}
		.section .hd span.swiper-pagination-bullet-active{background: none;}
		.section .hd span.swiper-pagination-bullet-active:before{background: #1A87ED;}
	.section .btn{z-index: 9;position: absolute;top: 50%;left: 6%;width: 60px;height: 60px;background: url(../images/index_btn.png) no-repeat;cursor: pointer;transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
		.section .next{left: auto;right: 6%;background-position: -60px -60px;}
		.section .prev:hover{background-position: -60px 0;}
		.section .next:hover{background-position: 0 -60px;}
		.ltIE .section .btn{display: none;}
	.tDown{position: absolute;bottom: 4%;left: 0;width: 100%;z-index: 99;}
		.tDown a{display: block;margin: 0 auto;width: 73px;height: 73px;}
		.tDown a i{display: block;width: 73px;height: 73px;background: url(../images/tDown.png) no-repeat;
		animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s infinite alternate;
		-moz-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s infinite alternate;
		-webkit-animation: fadeInUp 0.6s cubic-bezier(0.15, 0.05, 0.15, 0.25) 0.5s infinite alternate;
		-o-animation: fadeInUp 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95) 0.5s infinite alternate;}
		.tDown a:hover{background-position: 0 bottom;}
		@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
		100%{opacity:1;-webkit-transform:none;transform:none}}
		@-moz-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
		100%{opacity:1;-webkit-transform:none;transform:none}}
		@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
		100%{opacity:1;-webkit-transform:none;transform:none}}
		@-o-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
		100%{opacity:1;-webkit-transform:none;transform:none}}

/*首页*/
.indexSec{position: relative;}
	.indexSec .hd{position: absolute;bottom: 13%;left: 0;}
	/*第一屏*/
	.indexSec .c01{background: url(../images/index_c01_bg.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
	.indexSec .c01 .intro{position: relative;top: 50%;width: 860px;margin: 25px auto 0;color: #FFF;}
	.indexSec .c01 .intro .txt{opacity: 0;display: none;width: 700px;height: 145px;margin: 210px auto 0;background: url(../images/index_c01_txt.png) no-repeat;}
	
	/*第二屏*/
	.indexSec .c02{background: url(../images/index_c02_bg.jpg) center center no-repeat;background-size: cover;overflow: hidden;}
	.indexSec .c02 .sectionH2{padding-top: 15%;}
		.indexSec .sectionH2 em{background-image: url(../images/about_tech_h2.png);}
	.techList{opacity: 0;display: none;height: 100px;margin-top: 180px;padding-top: 1%;}
		.techList li{float: left;width: 200px;height: 210px;margin: 28px;text-align: center;color: #434343;}
		.techList li .ico{position: relative;width: 152px;height: 152px;margin: 0 auto 15px;border-radius: 50%;background: #1A87ED;overflow: hidden;}
		.techList li .ico span{position: absolute;width: 50%;height: 0;background: url(../images/about_tech_circle.png);}
		.techList li .ico span.l{left: 0;top: 0;}
		.techList li .ico span.r{right: 0;bottom: 0;background-position: right;}
		.techList li .ico em{display: block;width: 140px;width: 140px;height: 140px;margin: 6px;overflow: hidden;}
		.techList li .ico i{display: block;width: 140px;height: 280px;background: url(../images/about_tech_icos.png) no-repeat;}
		.techList li .ico i.i_2{background-position: -140px 0;}
		.techList li .ico i.i_3{background-position: -280px 0;}
		.techList li .ico i.i_4{background-position: -420px 0;}
		.techList li .txt{}
		.techList li .txt h3{font-weight: normal;}
		.techList li .txt p{opacity: 0;margin-top: 100px;}
		.ltIE .indexSec .c02 .sectionH2{padding-top: 10%;}
		.ltIE .techList{margin-top: 20px !important;}

/*业务*/
.busiSec{background-image: url(../images/busi_bg.jpg);}
	.busiSec .sectionH2{margin-bottom: 5%;}
	.busiSec .sectionH2 em{background-image: url(../images/busi_h2.png);}
	.busiList{opacity: 0;margin-top: 250px;text-align: center;}
	.busiList ul{width: 1260px;margin: 0 -118px;}
	.busiList li{position: relative;float: left;width: 200px;height: 230px;margin: 0px 5px;padding: 10px 0px;overflow: hidden;border-radius: 5px;}
	.busiList li h3{font-weight: normal;}
	.busiList li p{margin-top: 100px;opacity: 0;}
	.busiList li .ico{position: relative;width: 158px;height: 158px;margin: 0 auto 25px;border: 1px solid #1A87ED;border-radius: 50%;}
	.busiList li .ico em{position: absolute;border: #1A87ED solid 6px;border-radius: 50%;top: -12px;right: -12px;bottom: -12px;left: -12px;opacity: 0;}
	.busiList li .ico span{overflow: hidden;display: block;width: 85px;height: 85px;margin: 36px;}
	.busiList li .ico i{display: block;width: 170px;height: 85px;margin-left: -85px;background: url(../images/busi_icos.png) no-repeat;}
	.busiList li .ico i.i_1{background-position: 0 0;}
	.busiList li .ico i.i_2{background-position: 0 -85px;}
	.busiList li .ico i.i_3{background-position: 0 -170px;}
	.busiList li .ico i.i_4{background-position: 0 -255px;}
	.busiList li .ico i.i_5{background-position: 0 -340px;}
	.busiList li .ico i.i_6{background-position: 0 -425px;}

/*产品*/
.caseSec{background-image: url(../images/case_bg.jpg);overflow: hidden;}
	.caseSec .sectionH2{margin-bottom: 5%;}
	.caseSec .sectionH2 em{background-image: url(../images/case_h2.png);}
	.caseList{opacity: 0;width: 1278px;margin: 250px -127px 0;text-align: center;}
	.caseList ul{width: 1278px;overflow: hidden;}
	.caseList li{float: left;width: 366px;height: 220px;margin: 0 30px 30px;}
	.caseList li .img{overflow: hidden;position: relative;width: 100%;height: 160px;}
	.caseList li .img img{display: block;width: 100%;height: 160px;}
	.caseList li .imgCover{opacity: 0;position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: rgba(0,0,0,.75);}
	.caseList li .img p{padding: 40px 15px 0;line-height: 26px;font-size: 12px;color: #FFF;text-align: left;}
	.caseList li .txt{overflow: hidden;z-index: 1;position: relative;height: 60px;background: #FFF;line-height: 60px;color: #626262;}
	.caseList li .txt span{font-size: 14px;color: #D2D2D2;}
	.caseList li .txtCover{opacity: 0;z-index: -1;position: absolute;left: 0;bottom: -100%;width: 100%;height: 100%;background: #1A87ED;}
	.caseList .hd{position: relative;margin-top: 1%;}
	.ltIE .caseSec .sectionH2{margin-bottom: 0;}
	.ltIE .caseList{margin-top: 20px !important;}
	.ltIE .caseList li{margin-bottom: 10px;}
	
/*客户*/
.customSec{background-image: url(../images/custom_bg.jpg);overflow: hidden;}
	.customSec .sectionH2 em{background-image: url(../images/custom_h2.png);}
	.customList{position: relative;width: 1003px;margin: 35px auto 0;}
	.customList ul{overflow: hidden;opacity: 0;position: relative;z-index: 10;width: 1003px;margin: 0 auto;}
	.customList .Ul_01,.customList .Ul_03{margin-left: -750px;}
	.customList .Ul_02{margin-left: 750px;}
	.customList ul li{overflow: hidden;float: left;width: 250px;height: 145px;border-left: 1px solid #EEE;border-bottom: 1px solid #EEE;}
	.customList ul li:first-child{border-left: none;}
	.customList ul.Ul_03 li{border-bottom: none;}
	.customList .followBg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
	.customList .followBg .follow{display: none;position: absolute;width: 250px; height:145px;background: #FCFCFC;}

/*关于*/
.aboutSec{position: relative;background-image: url(../images/about_bg.jpg);}
	.aboutSec .hd{position: absolute;bottom: 15%;left: 0;}
	.aboutSec .aboutTxt{float: right;width: 560px;padding-top: 15%;line-height: 30px;color: #434343;}
	.aboutSec .sectionH2{padding-top: 5%;text-align: left;}
	.aboutSec .sectionH2 span{margin-top: 0;color: #434343;}
	.aboutSec .sectionH2 em{height: 25px;background-position: left center;}
	.aboutIntro{opacity: 0;display: none;width: 560px;margin-left: 250px;}
		.aboutIntro .sectionH2 em{background-image: url(../images/about_intro_h2.png);}
	.aboutTeam{opacity: 0;display: none;width: 560px;margin-left: -250px;}
		.aboutTeam .sectionH2 em{background-image: url(../images/about_team_h2.png);}
	.aboutParter{opacity: 0;display: none;width: 560px;margin-left: 250px;}
		.aboutParter .sectionH2 em{background-image: url(../images/about_parter_h2.png);}

/*联系*/
.contactSec{background-image: url(../images/contact_bg.jpg);}
	.contactCon{position: relative;top: 30%;width: 1024px;margin: 0 auto;}
	.contactCon .logo{width: 50%;opacity: 0;margin-left: -250px;}
	.contactCon .logo img{float: right;margin: 100px 50px;}
	.contactCon .txt{width: 50%;opacity: 0;margin-right: -250px;line-height: 26px;color: #434343;}
	.contactCon .txt .con{padding-left: 50px;}
	.contactCon .txt h3{margin: 15px 0;line-height: 30px;font-size: 20px;}
	.contactJoin .sectionH2{padding: 0;}
		.contactJoin .sectionH2 em{height: 40px;background-position: left center;background-image: url(../images/contact_join_h2.png);}

/*侧边浮动*/
.sideFloat{z-index: 999;position: fixed;right: 0;top: 40%;}
	.sideFloat li{width: 40px;height: 40px;margin-bottom: 1px;background: rgba(0,0,0,.3);}
	.sideFloat li a{display: block;height: 40px;background: url(../images/sideFloat.png) no-repeat;text-indent: -999em;}
	.sideFloat li .wx{background-position: 0 -40px;}
	.sideFloat li .qq:hover{background-position: -40px 0;}
	.sideFloat li .wx:hover{background-position: -40px -40px;}
	.winWx{display: none;z-index: 1000;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.6);}
		.winWx .box{box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);width: 220px;height: 260px;padding: 20px 20px 0 20px;background: #fff;position: absolute;left: 50%;top: 50%;margin-left: -110px;margin-top: -140px;line-height: 40px;text-align: center;color: #000;}
		.winWx .box img{display: block;width: 220px;height: 220px;}