﻿.main .contents{
	background: #F6F3F7
	}/* 测试用样式 */

.top_menu li.menu_active:after{
    background:  #34AAF4;
}
*{margin: 0;padding: 0;}
   /* body{background: #F6F3F7}*/
        .middlebg{
            position: relative;
            width: 100%;
            height: 920px;
            background: url(../../img/frontend/index/banner01.png);
            background-size: 100% 100%;
        }
        .middletext{
            position: absolute;
            background: url(../../img/frontend/index/middlecode.png);
            height: 608px;
            width: 338px;
            left: 27%;
        }
        .middlehuli{
             position: absolute;
             background: url(../../img/frontend/index/banner-fox.png);
            height: 483px;
            width: 461px;
              left: 55%;
            top: 290px;
            z-index: 999999;
        }
        /*狐狸动画*/
        @-webkit-keyframes bounce-down {
         25% {-webkit-transform: translateY(-30px);}
         50%, 100% {-webkit-transform: translateY(0);}
         75% {-webkit-transform: translateY(30px);}
        }
        @keyframes bounce-down {
         25% {transform: translateY(-30px);}
         50%, 100% {transform: translateY(0);}
         75% {transform: translateY(30px);}
        }
        .animate-bounce-down{
            -webkit-animation: bounce-down 5s linear infinite;
            animation: bounce-down 5s linear infinite;
        }
        .middletltle{
              position: absolute;
            width: 1200px;
            height: 150px;
            /* border: 1px solid #000000; */
            border-radius: 25px;
            background: #fff;
            /* line-height: 150px; */
            text-align: center;
            font-size: 36px;
            top: 78%;
            left: 50%;
            margin-left: -601px;
            color: #444444;
            box-shadow: 2px 2px 10px #d7d7d7;
        }
        .middletltle .font1{
            margin-top: 30px;
            font-size: 36px;
            color: #444444;
            letter-spacing: 0;
            text-align: center;
        }
        .middletltle .font2{
               font-size: 26px;
    color: #444444;
    letter-spacing: 0;
    text-align: center;
    margin-top: 15px;
        }
        .flexParent{
            /*  display: box;             
              display: -webkit-box;       
              display: -moz-box;        
              display: -ms-flexbox;      
              display: -webkit-flex;   
              display: flex;             */
              width: 100%;
              overflow: hidden;
        }
        .flexItem{
          float: left;
          width: 49%;
  /*         -webkit-box-flex: 1;      
          -moz-box-flex: 1;        
          -webkit-flex: 1;         
          -ms-flex: 1;            
          flex: 1;     */             
        }
        .middllepart{
            height: 600px;
            margin-top: 160px;
        }
        .middllepart2{
            background: url(../../img/frontend/index/bg-2.png);
            background-size: 100% 100%;
         /*   padding: 100px 0;*/
                padding: 0 0 100px 0;
        }
        .leftimg{
            /*width: 650px;*/
            height: 500px;
        }
         .leftimg img{
           float: right;
        }
        .rightimg img{
            float: left;
        }

        /*文字介绍*/
        .incloudtextmain{
           width: 500px;
           height:375px;
            margin-left: 160px;
            padding-top: 125px;
        }
        .incloudtextmain2{
            width: 500px;
            height:375px;
            float: right; 
            padding-top: 200px;
        }
        .incloudtext{
            font-size: 36px;
            color: #34AAF4;
            margin-bottom: 20px;
        }
        .inclouditem{
            margin-bottom: 15px;
            font-size: 26px;
            color: #444444 ;
        }