/*全屏背景*/


.section1{background:url(../images/bg1.jpg) no-repeat; background-size:cover;}
.section2,.section3,.section4,.section5{background:url(../images/bg2.jpg) no-repeat; background-size:cover;}
.section6{background:url(../images/bg3.jpg) no-repeat; background-size:cover;}
/*头部导航*/
.nav{width:100%;background-color: #fff;position: fixed;left:0px; top:0px;z-index:70;}
.logo{display:block; float:left;width:180px;height:60px; background:url(../images/logo.png) no-repeat left top;}
#menu{height:60px;float:right;}
#menu li{float: left;}
#menu a{display:block;float:left;padding:10px 37px 0;height:50px; color:#141414;line-height:20px;font-size:14px; text-align:center;-webkit-transition:background-color 2s; -moz-transition:background-color 2s;-o-transition:background-color 2s;-ms-transition:background-color 2s;transition:background-color 2s;}
#menu a p{ font-size:12px;}
#menu a:hover{color:#fff; background-color:#87AFED;}
#menu .active a {color: #fff; background-color:#538DE5;}
/*粒子动画*/
#large-header,#large-header2,#large-header3,#large-header4,#large-header5,#large-header6{position:absolute;left:0px; top:0px;z-index:69;}
/*宽度设置*/
.w1200 {width:1200px; margin:0 auto;  position: relative;z-index: 77;}
/*内容标题*/ 
.title{ text-align:center; color:#EFF6F9; font-size:36px;font-weight:bold;background-repeat: no-repeat; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.title .title_icon{ display:inline-block; width:65px; height:67px; margin-right:10px; vertical-align:middle;
    opacity: 1;-moz-transition: all 1s linear;-o-transition: all 1s linear;-webkit-transition: all 1s linear;transition: all 1s linear;}
/*内容标题+标题动画*/ 
.active .title {margin-bottom:1em;  opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .cube-transition {left:19px;top:13px;}
 /*以下产品介绍*/
.box{overflow:hidden;height:320px; position:relative;margin-top: 50px;} 
.box_list{width:30%; position:absolute;transition: all 1s;opacity:0;} 
.box_list .box_list_img{margin-bottom:1.5em; margin-left:3.5em;}
.box_list .box_list_img img{transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.box_list .box_list_img:hover img{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform: rotateY(360deg);-o-transform: rotateY(360deg);}
.box_list h4{ font-size:20px;color:#EFF6F9;line-height:30px; font-weight:bold;margin-bottom:0.5em;}
.box_list .box_list_ul{}
.box_list .box_list_ul li{color:#EFF5F9; font-size:18px; line-height:35px;}
.box_list01{left:-100%;}
.box_list02{bottom:-100%;left:420px;}
.box_list03{right:-100%;}
.ball-scale-multiple{left: 21px;top: 51px;}
/*以下产品介绍+动画
.active .box_list{transition-delay:0.7s;opacity: 1;}*/ 
.active .box_list01{left:100px;top:0px;transition-delay:0.5s;opacity: 1;}
.active .box_list02{left:440px;bottom:58px;transition-delay:1.5s;opacity: 1;}
.active .box_list03{right:70px;transition-delay:2s;opacity: 1;}
 /*以下经典案例*/
.box_cases{overflow:hidden;height:400px; position:relative;} 
.box_list_cases{width:30%; position:absolute;transition: all 1s;opacity:0;}
.box_cases_img{ position:relative;width: 317px;height: 140px;overflow: hidden;} 
.box_cases_img img{	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}
.box_cases_img .box_cases_dow{display:block; position:absolute; top:110px; left:0px; width:312px;height:140px; background-color:#273A56; opacity:0.8; font-size:15px;color:#FFFFFF; line-height:32px; padding-left:5px;cursor:pointer;transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.box_cases_img .box_cases_dow:hover{top:0px;transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.box_cases_img .box_cases_dow .download{display:block; position:absolute; right:5px; top:5px; width:20px; height:20px; background:url(../images/Cases05.png) no-repeat;  background-size: cover;transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.box_cases_img .box_cases_dow:hover .download{width:62px; height:62px; right:130px; top:50px; transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.box_cases_list{width:317px; margin-top:1.5em; padding-bottom:1em;}
/*.box_cases_list:last-child{border-bottom:none; border-bottom:solid 1px #83AAED;}*/
.box_cases_list .box_cases_icon{width:20px; height:23px; background:url(../images/Cases04.png) no-repeat; float:left; margin-right:15px;margin-top:3px;}
.box_cases_list .box_cases_tit{color:#fff;}
.box_cases_list .box_cases_tit p{font-size:16px;}
.box_cases_list .box_cases_hot{ font-size:12px; margin-top:0.5em;}
.box_cases_list .box_cases_hot .box_cases_star{ margin-right:10px;}
.box_cases_list .box_cases_hot .box_cases_star img{ margin-right:5px;}
.box_cases01{left:-100%;}
.box_cases02{top:-100%;left:400px;}
.box_cases03{right:-100%;}
.box_cases_img img:hover{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
/*以下经典案例+动画*/
.active .box_list_cases{transition-delay:0.7s;opacity: 1;}
.active .box_cases01{left:20px;top:0px;}
.active .box_cases02{left:430px;top:0px;}
.active .box_cases03{right:0px;}
.active .box_cases_img .box_cases_dow:hover .download{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
 /*以下商业价值*/
.box_values{height:260px; position:relative;}
.values_lf{width:460px; height:260px; position:relative;margin-left:9em;}
.values_lf .Values01_img{ position:absolute;left:-100%;top:0px;opacity:0;transition: all 1s;}
.values_lf .Values02_img{ position:absolute;left:-100%;top:100px;opacity:.5;transition: all 1s;}
.values_lf .Values03_img{ position:absolute;bottom:-100%;right:26px;opacity:.5;transition: all 1s;}
.ball-pulse{position: relative;left:52px;top:33px;}
.values_con{ line-height:35px;font-size:20px;color:#fff; opacity:.8;position: absolute;right:-120%;top:36px;transition: all 1s;}

 /*以下商业价值+动画*/
.active .values_lf .Values01_img{left:0px;transition-delay:0.7s;opacity:.5;}
.active .values_lf .Values01_img:hover{ opacity:.2;}
.active .values_lf .Values02_img{left:53px;transition-delay:.2s;opacity:.8;}
.active .values_lf .Values03_img{bottom:0px;transition-delay:1.5s;opacity:1;}
.active .values_con{right:6%; transition-delay:0.7s;}


/*以下产品特色*/
.features_lf{width:560px; height:450px; position:relative;  margin-left:5em;}
.features_lf .features01_img{position:absolute;left:-137%;top:0px;opacity:.8;transition: all 1s;}
.features_lf .features02_img{position:absolute;right:0px;bottom:-100%;transition: all 1s; opacity:0;}

.active .features01_img{left:0%;transition-delay:0.7s;}
.active .features02_img{bottom:0;transition-delay:1.5s; opacity:1;transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.active:hover .features02_img{transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);}
.ball-scale-ripple-multiple {top:154px;left:97px;}

.features_lf .Values04_img{position:absolute;left:116px;top:0px;}
.features_lf .Values03_img{position:absolute;left:23px;top:13px;transform: scale(0.2);filter: alpha(opacity=0);animation: Circle 15s infinite linear;}
.features_lf .Values05_img{position:absolute;left:68px;top:55px; transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.features_lf .Values06_img{position:absolute;right:126px;top:100px;}
.features_lf .Values07_img{position:absolute;right:190px;bottom:107px;}
.features_lf .Values08_img{position:absolute;left:12px;bottom:132px;}
.features_lf .Values09_img{position:absolute;left:25px;top:53px;}
.features_con01{line-height:35px;font-size:20px; color:#fff; opacity:.8; margin-left:3em; margin-top:1.2em;}
.features_con02{line-height:35px;font-size:20px; color:#fff; opacity:.8;margin-top:5.2em;}
.features_lf:hover .Values05_img {transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}/*图标翻转*/
@keyframes Circle{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
/*转圈圈*/

/*以下合作伙伴*/
.box_partner{position:relative; width:952px; height:410px; margin:0 auto;transform: scale(0.5, 0.5);}
.box_partner .partner{width:136px; height:136px; position:absolute;transform: rotate(-90deg);-webkit-transform: rotate(0deg);  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;-o-transition:.5s; background-color:#fff;}
.box_partner .partner:nth-child(1){left:-120%;top:0px;}
.box_partner .partner:nth-child(2){left:-120%;top:0px;}
.box_partner .partner:nth-child(3){left:-120%;top:0px;}
.box_partner .partner:nth-child(4){left:-120%;top:0px;}
.box_partner .partner:nth-child(5){left:-120%;top:0px;}
.box_partner .partner:nth-child(6){left:-120%;top:100px;}
.box_partner .partner:nth-child(7){left:-120%;top:100px;}
.box_partner .partner:nth-child(8){left:-120%;top:100px;}
.box_partner .partner:nth-child(9){left:-120%;top:100px;}
.box_partner .partner:nth-child(10){left:-120%;top:200px;}
.box_partner .partner:nth-child(11){left:-120%;top:200px;}
.box_partner .partner:nth-child(12){left:-120%;top:200px;}
.box_partner .partner:nth-child(13){left:-120%;top:300px;}
.box_partner .partner:nth-child(14){left:-120%;top:300px;}
/*以下合作伙伴+动画*/
.active .box_partner{-webkit-transition:background-color 2s; -moz-transition:background-color 2s;-o-transition:background-color 2s;-ms-transition:background-color 2s;transition:transform 2s;transform: scale(1, 1);}
.active .box_partner .partner{transform: rotate(45deg);-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg);overflow: hidden; cursor:pointer; opacity:.8;}
.active .box_partner .partner img{transform: rotate(-45deg);}
.active .box_partner .partner:hover{ border:solid 1px #C5D7F2;}
.active .box_partner .partner:nth-child(1){left:0px;top:0px;transition-delay:0.5s;}
.active .box_partner .partner:nth-child(2){left:196px;top:0px;transition-delay:0.7s;}
.active .box_partner .partner:nth-child(3){left:392px;top:0px;transition-delay:0.9s;}
.active .box_partner .partner:nth-child(4){left:589px;top:0px;transition-delay:1.1s;}
.active .box_partner .partner:nth-child(5){left:786px;top:0px;transition-delay:1.3s;}
.active .box_partner .partner:nth-child(6){left:98px;top:100px;transition-delay:1.5s;}
.active .box_partner .partner:nth-child(7){left:294px;top:100px;transition-delay:1.7s;}
.active .box_partner .partner:nth-child(8){left:490px;top:100px;transition-delay:1.9s;}
.active .box_partner .partner:nth-child(9){left:688px;top:100px;transition-delay:2.1s;}
.active .box_partner .partner:nth-child(10){left:196px;top:200px;transition-delay:2.3s;}
.active .box_partner .partner:nth-child(11){left:392px;top:200px;transition-delay:2.5s;}
.active .box_partner .partner:nth-child(12){left:589px;top:200px;transition-delay:2.7s;}
.active .box_partner .partner:nth-child(13){left:294px;top:300px;transition-delay:2.9s;}
.active .box_partner .partner:nth-child(14){left:490px;top:300px;transition-delay:3.1s;}
.active .box_partner .partner:hover{opacity:1; transition-delay: 0.2s;}
/*以下申请试用*/
.us_box{height:260px; position:relative;}
.us_contact{width:190px;position:absolute;top:0px; text-align:center;color:#fff; font-size:18px;transition: all 1s;}
.us_contact01{right:-100%;}
.us_contact02{right:-100%;}
.us_contact03{right:-100%;}
.us_contact04{right:-100%;}
.link_qq{color:#fff;}
.link_qq:hover{color:#fff;}
/*以下申请试用+动画*/
.active .us_contact01{right:880px;transition-delay:0.2s;}
.active .us_contact02{right:660px;transition-delay:0.7s;}
.active .us_contact03{right:430px;transition-delay:1.2s;}
.active .us_contact04{right:200px;transition-delay:1.7s;}

.us_box2{ text-align:center; position:absolute;bottom:-120%; left:145px;transition:.5s;-moz-transition:.5s; -webkit-transition:.5s;-o-transition:.5s; }
.us_box2 .us_information{width:220px; height:42px;line-height:42px; background-color:#fff; opacity:.5; margin-right:15px; font-size:16px; padding-left:10px; border:none;}
.us_box2 .us_information::focus{ border:none;}
.us_box2 .us_but{display:inline-block; width:140px; height:42px; background-color:#E2AD67; line-height:42px; text-align:center; font-size:16px; color:#fff;-webkit-transition:background-color 2s; -moz-transition:background-color 2s;-o-transition:background-color 2s;-ms-transition:background-color 2s;}
.us_box2 .us_but:hover{background-color:#DA963A;}
.us_contact img{transition: 0.7s;-moz-transition: 0.7s; -webkit-transition: 0.7s;-o-transition: 0.7s;}
.us_contact:hover img{transform: rotate(360deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);}
.us_box2_msg{ text-align:left; font-size:14px; color:#fff; margin-top:10px;}

.active .us_box2{bottom:0;transition-delay:2.5s; }


/*官方客服*/
.qq a{ display:block; width:55px; height:55px; background:url('../images/us03.png'); background-size:cover; opacity:.8}
.qq a:hover{opacity:1}

/*弹框*/
.popub_con{padding:20px 10px 0px 10px;}
.popub_txt{ padding:20px 10px 10px 10px; font-size:18px;color:#4C4C4C; text-align:center; font-weight:bold;}
.popub_icon01{width:174px; height:158px; background:url(../images/alt01.jpg) no-repeat; margin:0 auto;}/*不成功*/
.popub_icon02{width:147px; height:130px; background:url(../images/alt02.jpg) no-repeat; margin:20px auto 0 ;}/*不成功*/