/* CSS Document */
/*除首页，其它页面必须为页面_元素命名*/

.w600{width:600px;}
.w572{width:572px;padding-left:28px;}
/*banner*/
.index_banner{position:relative;height:440px;margin-top: 75px;}
.banner_one_title_p01{color:#0092db;font-size:40px;}
.banner_one_title_p02{color:#8b9fae;font-size:24px;margin-top:15px;}
.index_banner_contents,.index_banner_contents .banner_common{position: absolute;left:0;top:0;height:100%;width: 100%;}
.banner_common{height:640px;}
.banner_one{height:100%;background: url(../images/banner_one_bg.jpg) no-repeat center top;}
.banner_one_pic{position:absolute;bottom:0;text-align:center;width:100%;margin-left:-40px;}
.banner_two{background:url(../images/banner_02.jpg) no-repeat center top;}
.banner_two  a{margin:270px 0 0 -360px;}
.num{position: absolute;bottom:10px;left:49%;}
.num ul li{display:inline-block;width:12px;height:12px;text-indent:-999px;border-radius:50%;background:#dfe2e2;margin-right:20px;cursor:pointer;font-size:0;}
.num ul li.on{background:#46bdf8;}
.banner_one_title{margin-top:40px;}
.banner_btn{margin-top:18px;}
.on_active .banner_one_pic{transition:all 0.5s linear 0.1s;}
.on_active .index_play{transition: opacity 0.5s linear 0.1s;}
.index_play{position:absolute;left: 50%;top: 50%;z-index: 2;margin-left: -68px;margin-top: -25px;width:136px;height:136px;text-indent:-9999px;opacity:0;background-image:url(../newimages/play.png);background-position: 0 0;background-repeat:no-repeat;cursor:pointer;}
.index_play:hover{background-position:0 -137px;}
/*winbons sale*/
.on_active .product_sale_common{transition:all ease 0.8s;}
.product_sale_common {padding-top:98px;opacity:0;}
.product_sale_common p{font-size:18px;line-height: 36px;}
.product_sale_common h3,.product_sale_common p,.product_sale_common div{margin-left:80px;}
.product_sale_common h3{margin-top:10px;}
.product_sale_common p.p_first{margin-top:35px;}
.pro_btn{line-height:46px;text-align: center;margin-top:25px;box-sizing: border-box;}
.pro_btn a{width:198px;display:block;font-size:18px;color:#0092db;border: solid 1px #0092db;}
.pro_btn a:hover{background-color: #0092db;color:#fff;}
/*.wjrUser{overflow:hidden;box-sizing: border-box;}*/
/*.wjrUser a{  width:130px;  float:left;  margin-right:20px;  }*/
.product_sale_01{height: 538px;}
.product_sale_02{height: 560px;}
.product_sale_03{height: 604px;background:#f7f7f9;}
/*animate css*/
.sale_one_01{top:80px;left:18px;}
.sale_one_02{top:55px;left:130px;}
.sale_one_03{top:58px;left:30px;}
.sale_one_04{top:65px;left:70px;}
.sale_one_05{top:40px;left:198px;transform:scale(0);}
.sale_one_1{top:120px;left:-18px;}
.sale_one_2{top:95px;left:-18px;}
.sale_one_3{top:98px;left:-30px;}
.sale_one_4{top:105px;left:-110px;}
.sale_one_5{top:80px;left:-198px;transform:scale(0);}
.sale_two_01{top:100px;left:60px;transition:all 0.3s ease 0.8s;}
.sale_two_02{top:85px;left:210px;transition:all 0.3s ease 1s;}
.sale_three_01{top:102px;left:32px;transition:all 0.3s ease 0.8s;}
.sale_three_02{top:102px;left:68px;transition:all 0.3s ease 1s;}
.sale_three_03{top:92px;left:85px;transition:all 0.3s ease 1.2s;}
.sale_three_04{top:80px;left:305px;transition:all 0.3s ease 1.4s;}

.banner_one_pic,.sale_one_1,.sale_one_2,.sale_one_3,.sale_one_4,.sale_one_5,.sale_one_01, .sale_one_02, .sale_one_03, .sale_one_04, .sale_one_05, .sale_two_01, .sale_two_02, .sale_three_01, .sale_three_02, .sale_three_03, .sale_three_04,.case_info,.case ul,.app_left,.app_flash_one,.app_flash_two,.news_list{opacity:0;}
.on_active .sale_one_01,.on_active .sale_one_02,.on_active .sale_one_03,.on_active .sale_one_04,.on_active .sale_one_05,.on_active .sale_two_01,.on_active .sale_two_02,.on_active .sale_three_01,.on_active .sale_three_02,.on_active .sale_three_03,.on_active .sale_three_04,.on_active .case_info,.on_active .case_list ul,.on_active .app_left,.on_active .app_flash_one,.on_active .app_flash_two,.on_active .news_list,.on_active .banner_one_pic,.on_active .index_play{opacity:1;}
.on_active .sale_one_1,.on_active .sale_one_2,.on_active .sale_one_3,.on_active .sale_one_4,.on_active .sale_one_5{opacity:1;}
.on_active .sale_one_01{top:120px;left:18px;transition:all linear 0.8s;}.sale_one_01 img,.sale_one_02 img{width:495px;height:384px;}
.on_active .sale_one_02{top:95px;left:130px;transition:all linear 1.3s;}
.on_active .sale_one_03{top:98px;left:30px;transition:all linear 1.8s;}.sale_one_03 img,.sale_one_04 img{width:480px;height:373px;}
.on_active .sale_one_04{top:105px;left:70px;transition:all linear 2.3s;}
.on_active .sale_one_05{top:80px;left:198px;transform:scale(1);transition:all linear 2.8s;}.sale_one_05 img{width:191px;height:192px;}
.on_active .sale_one_1{top:120px;left:50px;transition:all linear 0.8s;}.sale_one_01 img,.sale_one_02 img{width:495px;height:384px;}
.on_active .sale_one_2{top:95px;left:50px;transition:all linear 1.3s;}
.on_active .sale_one_3{top:98px;left:100px;transition:all linear 1.8s;}.sale_one_03 img,.sale_one_04 img{width:480px;height:373px;}
.on_active .sale_one_4{top:105px;left:150px;transition:all linear 2.3s;}
.on_active .sale_one_5{top:80px;left:200px;transform:scale(1);transition:all linear 2.8s;}.sale_one_05 img{width:191px;height:192px;}
.on_active .sale_two_01{top:60px;left:60px;}.sale_two_02 img{width:500px;height:443px;}
.on_active .sale_two_02{top:45px;left:210px;}.sale_two_02 img{width:333px;height:255px;}
.on_active .sale_three_01{top:62px;left:72px;}.sale_three_01 img{width:446px;height:460px;}
.on_active .sale_three_02{top:62px;left:108px;}.sale_three_02 img,.sale_three_03 img{width:411px;height:333px;}
.on_active .sale_three_03{top:52px;left:125px;}
.on_active .sale_three_04{top:40px;left:345px;}.sale_three_04 img{width:170px;height:170px;}
.on_active .product_sale_common{opacity:1;}
/*winbons cases*/
.case{height:610px;background:url(../newimages/deindex_201.jpg) no-repeat center top;}
.case_info{width:457px;margin:0 auto;padding:85px 0 50px;transition:all 0.5s linear 0.1s;}
.case_info h3{font-size:30px;color:#324455;text-align: right;padding-bottom:12px;background-position: 0 -245px;border-bottom:solid 1px #c7d7df;}
.case_info p{font-size:18px;margin-top:10px;}
.case ul{transition:all 0.5s ease-in 0.1s;}
.case ul li{position:relative;display:inline;float:left;width:289px;height:179px;margin:0 1px 5px 0;overflow:hidden;cursor:pointer;}
.case ul li img{position:absolute;left:0;top:0;width:289px;height:179px;}
.case ul li.caseli{transition:all ease-in-out 0.5s;}
.case ul li img{width:289px;}
.case ul li.nomarinr{margin-right:0;line-height:180px;text-align:center;}
.morecase{position: relative;line-height100%;}
.graybox,.morecase a{position: absolute;left:0;top:0;z-index:100;width:100%;height:100%;}
.graybox{background-color:#caced2;opacity: 0.5; filter:alpha(opacity = 50);}
.morecase a{font-size:18px;color:#54585b;}
.morecase a:hover{color:#fff;background-color:#0092db;}
.pro_btn_two {text-align: center;margin-top:70px;}
.pro_btn_two a{display:inline-block;width: 196px;height: 46px;line-height: 46px;font-size:18px;color:#fff;border:solid 1px #0092db;background: #0092db;}
.pro_btn_two a:hover{color:#0092db;background:#fff;}
/*case animated css*/
.on_active .case_info{transform:translateY(0);}



/*winbons app*/
.app{height:760px;}
.app h3,.app h3 em{font-size:36px;}
.app h3{color:#324455;padding:175px 0 25px;}
.app h3 em{color:#0092db;margin-left:20px;}
.app p{line-height: 24px;}
.app ul {margin-top:60px;}
.app ul li{display: inline;float:left;/*width:106px;*/width:250px;color:#324455;font-size:24px;text-align:center;}
.app ul li img{margin-bottom:20px;}
.tips{font-size:18px;margin-top:45px;text-indent:77px;}
.ios{margin:0 124px 0 75px;}
.app_left{width: 600px;transition:all 0.5s ease 0.1s;}
.app_right{position: relative;}
.app_flash_one{position: absolute;left:103px;top:105px;width:193px;height:512px;transition:all 0.5s ease 0.1s;}
.app_flash_two{position: absolute;left:332px;top:50px;width:218px;height:576px;transition:all 0.5s ease 0.1s;}
/*app animated css*/

/*winbons news*/
.news{height:600px;background:url(../newimages/deindex_46.jpg);}
.news ul {padding-top:125px;transition:all 0.5s ease 0.1s;}
.news ul li{position:relative;display:inline;float:left;width:380px;height:350px;margin-right:20px;background-repeat: no-repeat;background-position: center top;}
.news ul li a.atitle{position:absolute;}
.news ul li dl {position:absolute;top:220px;left:0;z-index:101;padding:10px;}
.news ul li dl dt{font-size:16px;margin-bottom:5px;}
.news ul li dl dd{text-align:justify;}
.news ul li dl dt,.news ul li dl dd{color:#fff;}
.news ul li.news_winbons{background-image:url(../newimages/deindex_47.jpg);}
.news ul li.news_way{background-image:url(../newimages/deindex_49.jpg);}
.news ul li.news_college{background-image:url(../newimages/deindex_51.jpg);margin-right:0;}
.news ul li a{position:relative;display: block;height: 100%;width: 100%;}
.news ul li a p{position: absolute;bottom:10px;right:10px;z-index:101;font-size:16px;color:#fff;}
.news ul li a img{position: absolute;top:100px;left:95px;z-index:101;}
.news ul li a .animate_bg{position: absolute;top:0;left:0;height: 100%;width: 100%;z-index:100;background:#1a1c27;opacity:0.3;filter:alpha(opacity = 30);transition: all ease-in-out 0.2s;}
.news ul li a:hover .animate_bg{background-color: #0092db;opacity: 0.8; filter:alpha(opacity = 30);}
/*news animated css*/
.case_cover{position:absolute;top:0;left:0;z-index:1;height:100%;width:100%;background:#000;opacity: 0.3; filter:alpha(opacity = 30);transition: all ease-in-out 0.2s;}
.case_cover:hover{opacity: 0; filter:alpha(opacity = 0);}
/*index yun icon*/
.yunicon{background-image:url(../newimages/background.png);background-repeat: no-repeat;}
/*index pro title*/
.product_title{font-size:36px;color:#324455;padding-left:80px;background-position: 0 -245px;}
/*index pro title big*/
.product_title_big{font-size:48px;color:#0092db;}

.show-svcontent{width:720px;height:435px;margin-top:-215px;margin-left:-360px;overflow:hidden;}
.comp_fram{width:720px;height:435px;margin:-8px 0 0 -8px;}
/*friend links*/
.links{line-height:40px;background:#1c1e2a;}
.links a{display:inline-block;margin-right:10px;}

/*微培训图片旋转修正*/
.sale_one_1,.sale_one_2,.sale_one_3,.sale_one_4,.sale_one_5{
    transform:rotate(30deg)!important;
}
.sale_one_2{
    transform:rotate(35deg)!important;
}
.sale_one_3{
    transform:rotate(45deg)!important;
}
.sale_one_4{
    transform:rotate(55deg)!important;
}
.sale_one_5{
    transform:rotate(30deg)!important;
}
.good-line-bg {
  background: url('../images/index_p6.png');
  height: 300px;
}
.bg-grey {
  background-color: #f5f5f5;
}

.card:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.bg-1 {
  background: url('../images/index_p7.jpg');
  transform: translate(40px,calc(100% - 40px));
}
.bg-2 {
    background: url('../images/index_p8.jpg');

  }
  .light-gray {
color: #666;
}
.little-icon {
 width: 60px;
 height: 60px;
}

.card-img {
 height: 224px;
 width: auto;
}