@media screen and (min-width: 1440px){
    #corporate_culture .inner{
        width: 1200px;
    }
}



@media screen and (max-width: 1280px){
    .history_list ul li.item .yuan {
        left: 427px;
    }
    .history_list ul li.item2 .yuan {
        right: 431px;
        left: auto;
    }











    #contact  .part2_ele{
        height:453px;
    }
	#footer .content .infoTop .sharelog{
		padding-top:8px;
	}
    #society .section1_inner .imgPosition{
            top: -49px;
    }
     /* #header .headerWrap{
        width:960px;
    } */
    #home .section2  .content{
        width: 960px;
    }
    #home .section5{
        height: 1800px;
    }
    #home .section5 .contentLeft{
        width: 100%;
    }
    #home .section5 .contentRight{
        width: 100%;
    }
    #footer .content{
        width: 960px;
    }
    #nav .navWrap{
        width: 960px;
    }
    #aboutus .content{
        width: 960px;
    }
    #team .content{
        width: 960px;
    }
    #development .content{
        width: 960px;
    }
    #news_inner .content{
        width: 960px;
    }
    #InvestorRelations .content{
        width: 960px;
    }
    #ContactInfo .content{
        width: 960px;
    }
    #wisdom .sectionH{
        width: 960px;
    }
    #wisdom .section1{
        width: 960px;
    }
    #wisdom .section2{
        width: 960px;
    }
    #Sinkcloud .sectionH{
        width:960px;
    }
    #WisdomStores .sectionH{
        width:960px;
    }
    #DataService .sectionH{
        width:960px;
    }
    #shopCenter .content{
        width: 960px;
    }
    #shopCenter .shop_ele .font .p{
        height:240px;
    }
    #overview .content{
        width: 960px;
    }
    #care .content{
        width: 960px;
    }
    #society .sectionH{
        width: 960px;
    }
    #society .section_inner{
        width: 960px;
    }
    #contact .sectionH{
        width: 960px;
    }
     #overview .section02 .cir{
            width: 90px;
    }
    #overview .section02 .cirImg {
        margin: 0 auto;
        position: relative;
        width: 92px;
        height: 92px;
        background: url("overCir.png")/*tpa=http://www.winnerinf.com/themes/basic/skin/images/overCir.png*/ no-repeat;
        background-size: cover;
        cursor: pointer;
    }
    #footer .content .menu{
         margin-left: 5%;
    }
    #footer .content .info {
        /* margin: 0 auto; */
        float: none;
        /* padding-top: 160px; */
        /* width: 95%; */
        text-align: center;
    }
    #care .content .inner .innerImgMany .imgMan {
        width: 17%;
        padding-left: 1.5%;
        padding-right: 1.5%;
    }
    #news_detail .content{
        width: 960px;
    }
    
	#datadownload .sectionH{
		width: 960px;
	}
	
	
	
	
    
    
}


@media screen and (max-width: 1160px){
   
    #sidebar .sidebarele.sidebarele01{
        display: none;
    }
    #sidebar .sidebarele.sidebarele02{
        display: none;
    }
	#sidebar .sidebarele.sidebarele03{
        display: none;
    }
    #sidebar {
        top: auto;
        bottom: 20%;
    }
}


@media screen and (max-width: 1026px){
    #corporate_culture .inner{
        width: 95%;
    }
    #corporate_culture .inner .left{
        float: none;
        width: auto;
    }
    #corporate_culture .inner .right{
        float: none;
        width: auto;
    }


    #society .section3 .recruit{
        width: 25%;;
        padding-top: 30px;
    }
    #society .section3 .recruit{
        padding-right: 5%;
    }
}



@media screen and (max-width: 1000px){
    #development .inner .section2.pc {
        display: none;
    }
    #development .inner .section2.mobile{
        display: block;
    }
    #contact  .part2_ele{
        height:auto;
    }
    #DataService .section3 .ele{
        height: auto;
    }
    #DataService .section3 .ele.odd .font{
        float: none;
    }
    #DataService .section3 .ele.odd .img{
        float: none;
    }
    #DataService .section3 .ele.even .font {
        float: none;
    }
    #DataService .section3 .ele.even .img {
        float: none;
    }
    #DataService .section3 .ele .font{
        width: auto;
    }
    #DataService .section3 .ele .img{
        width: auto;
    }
    #DataService .section3 .ele .img img{
        width: 100%;
    }
    #DataService .section3 .ele .font{
        padding-bottom: 79px;
    }









	#shopCenter .shop_ele .font .p{
		height:auto;
		/* overflow:hidden; */
	}
    #care .content .inner .innerImgMany p{
        padding-top: 10px;
		width: 124px;
		margin: 0 auto;
    }
    
    
    
    body.sideopen #shadow {
        position: absolute;
        top: 110px;
        width: 100%;
        height: 100%;
        z-index: 500;
        background-color: rgba(0,0,0,.5);
    }
    #slideli{
        padding-top: 58px;
    }
    #slideli .nemu{
        font-size: 18px;
        text-indent: 50px;
        color: #666;
        padding: 10px 0;
    }
    #slideli .nemu.active{
        background:url("Sharp.png")/*tpa=http://www.winnerinf.com/themes/basic/skin/images/Sharp.png*/ no-repeat;
        background-position: 50px center;
    }
    #slideli .nemu.active a{
        padding-left: 20px;
    }
    #slideli .nemu a{
         color: #666;
    }
    #slideli .nemu:hover a{
        color: #7dcc42;
    }
    
    #header .headerWrap{
        position: relative;
    }
    .nav-toggle {
        display: block;
        right: 0px;
        top: 30px;
        width: 60px;
        height: 60px;
        z-index: 6;
        position: absolute;
        cursor: pointer;
        -webkit-transition-duration: 0.66s;
        transition-duration: 0.66s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }
    .nav-toggle .icon {
        width: 30px;
        height: 4px;
        background-color: #7dcc42;
        border-radius: 2px;
        position: absolute;
        top: 28px;
        left: 15px;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        transiting-timing-function: swing;
    }
    .icon {
        position: absolute;
        bottom: 5%;
        /* left: 50%; */
        height: 4px;
        z-index: 5;
        /* margin-left: -180px; */
    }
    .nav-toggle .icon:before, .nav-toggle .icon:after {
        width: 30px;
        height: 4px;
        background-color:#7dcc42;
        border-radius: 2px;
        content: "";
        position: absolute;
        left: 0;
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-timing-function: swing;
        transition-timing-function: swing;
    }
    .nav-toggle .icon:before {
        top: -9px;
    }
    .nav-toggle .icon:after {
        top: 9px;
    }
    
    
    body.sideopen .nav-toggle .icon {
        width: 0;
    }
    body.sideopen .nav-toggle .icon:before {
        -webkit-transform: translateY(9px) rotate(45deg);
        -ms-transform: translateY(9px) rotate(45deg);
        transform: translateY(9px) rotate(45deg);
    }
    body.sideopen .nav-toggle .icon:after {
        -webkit-transform: translateY(-9px) rotate(-45deg);
        -ms-transform: translateY(-9px) rotate(-45deg);
        transform: translateY(-9px) rotate(-45deg);
    }
    
    .grid {
        position: fixed;
        width: 330px;
        top: 0px;
        right: 0px;
        height: 100%;
        display: block;
       
    }
    
    
    
#header .nemuTop{
    display: none;
}


/* .grid .nemuTop_wrap{
	float: right;
	position: absolute;
	top: 7px;
	left: 0;
}
.grid .nemuTop_wrap .tel{
	float: left;
	padding-left: 52px;
	height: 28px;
	background: url(../images/tel02.png) no-repeat center left;
        background-position: 17px;
	font-size: 12px;
	
}
.grid .nemuTop_wrap .tel a{
	color: #666;
        font-size: 18px;
	line-height: 28px;
}
.grid .nemuTop_wrap .company{
	float: left;
	height: 28px;
	padding-left: 22px;
	color:#7dcc42;
        font-size: 18px;
	line-height: 28px;
}
.grid .nemuTop_wrap .company a{
	
	line-height: 28px;
        font-size: 18px;
        color: #666;
}
.grid .company a.active{
	color:#7dcc42;
}*/
.grid .nemuTop{
    position: absolute;
    left:0;
    top:0;
    height: 56px;
    width: 100%;
}   
.grid .topLeft{
    float: left;
    width: 50%;
    height:100%;
    position: relative;
    background:#7dcc42 url("angle.png")/*tpa=http://www.winnerinf.com/themes/basic/skin/images/angle.png*/ no-repeat;
    background-position: 123px center;
}
.grid .topLeft .language{
    line-height: 56px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background:url("globelTi.png")/*tpa=http://www.winnerinf.com/themes/basic/skin/images/globelTi.png*/ no-repeat; 
    background-position: 27px center;
}
.grid .topLeft .language a{
    color: #fff;
}
.grid .topLeft .lan_en_wrap{
    display: none;
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: 56px;
    background:#7dcc42
}


 .grid .topRight{
    float: left;
    width: 50%;
    height:100%;
    background: #ececec url("tel_menu.png")/*tpa=http://www.winnerinf.com/themes/basic/skin/images/tel_menu.png*/ no-repeat;
    background-position: center center;
}   
    





    .sideopen .container {
        -webkit-transform: translateX(-330px);
        -moz-transform: translateX(-330px);
        -ms-transform: translateX(-330px);
        transform: translateX(-330px);
    }
    .container {
        float: left;
        width: 100%;
        height: 100%;
        z-index: 100;
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
        position: relative;
        overflow: hidden;
    }
    .three {
        -webkit-transform: translateX(330px);
        -moz-transform: translateX(330px);
        -ms-transform: translateX(330px);
        transform: translateX(330px);
        -webkit-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: -webkit-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -moz-transition: -moz-transform 500ms cubic-bezier(0.77,0,0.175,1);
        -ms-transition: -ms-transform 500ms cubic-bezier(0.77,0,0.175,1);
        transition: transform 500ms cubic-bezier(0.77,0,0.175,1);
    }
    body.sideopen .three {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px);
    }
    
    #header .headerWrap .nemuRight{
        display: none
    }
    #header .headerWrap{
        width: 95%;
    }
    #nav .navWrap{
        width: 95%;
    }
    #aboutus .content{
        width: 95%;
    }
    #footer .content{
        width: 95%;
    }
    #footer .content .menu{
        display: none;
    }
    #footer .content .info{
        width: 95%;
        padding-top: 0;
    }
    #footer .content .infoTop p.clearBefore{
        text-align: center;
    }
    #aboutus .inner .section1 .cir_ele{
        width: 178px;
        padding-left: 10px;
        padding-top: 10px;
    }
    #team .content{
        width: 95%;
    }
    #development .content{
        width: 95%;
    }
    #news_inner .content{
         width: 95%;
    }
    #news_inner .content .inner .font .p{
        
    }
    #InvestorRelations .content{
         width: 95%;
    }
    #InvestorRelations .content .inner .font .p{
        
    }
    
    #ContactInfo .content{
         width: 95%;
    }
    #wisdom .sectionH{
        width: 95%;
    }
    #wisdom .section1{
        width: 95%;
    }
    #wisdom .section2{
        width: 95%;
    }
    #wisdom .section2_ele{
            width: 100%;
    }
    #wisdom .section2_ele.section2_ele_left {
        padding-right: 0;
    }
    #wisdom .section2_ele.section2_ele_right{
        padding-left: 0;
    }
    #WisdomStores .sectionH{
        width: 95%;
    }
    #DataService .sectionH{
        width: 95%;
    }
    
    #Sinkcloud .sectionH{
        width: 95%;
    }
    #Sinkcloud .section1 .con{
        width: 100%;
    }
    #Sinkcloud .section1 .con.con_left {
         padding-right: 0; 
    }
    #Sinkcloud .section1 .con.con_right {
        padding-left: 0;
    }
    #shopCenter .content{
        width: 95%;
    }
    #shopCenter .shop_ele{
       height: auto; 
    }
    #shopCenter .shop_ele .fontWrap {
        width: 100%;
        height: auto;
    }
    #shopCenter .shop_ele .imgWrap {
        width: 100%;
        height: 400px;
    }
    #overview .content{
        width: 95%;
    }
    #overview .section02 .eleWrap{
        width: 100%;
    }
    #overview .section02 .eleWrap.eleWrapLeft{
        padding-right: 0;
    }
    #overview .section02 .eleWrap.eleWrapRight {
        padding-left: 0;
    }
    #care .content{
        width: 95%;
    }
    #society .sectionH{
        width: 95%;
    }
    #society .section_inner{
        width: 95%;
    }
    #society .section1_inner .Img_right{
        display: none;
    }
    #society .section1_inner .font_left{
        width: 100%;
    }
    #contact .sectionH{
        width: 95%;
    }
    #contact .section1_ele{
        width: 100%;
    }
    #contact .section1_ele.section1_ele_center {
        padding-left: 0;
        padding-right: 0;
    }
    #contact  .part2_ele{
        width: 100%;
    }
    #contact .part2_ele_left {
         padding-right: 0; 
    }
    #contact .part2_ele_right {
        padding-left: 0;
    }
     #overview .section02 .cir{
        width: 122px;
    }
    #overview .section02 .cirImg {
         width: 122px;
        height: 122px;
    }
    #nav .navEle{
        margin-right: 13px;
    }
    
    #news_detail .content{
        width: 95%;
    }
    
	
	#datadownload .sectionH{
		width:95%;
	}
    #datadownload .con_ele{
        width: 100%;
        float: none;
    }
	#datadownload .con_left{
        padding-right:0px;
    }
    #datadownload .con_right{
        padding-left:0px;
    }
	#datadownload .con_center{
        padding-right: 0px;
        padding-bottom: 0px;
    }
    #datadownload .con_center .imgWrap{
        height:auto;
    }
    #datadownload .con_center .imgWrap img{
        width:100%;
    }
    #datadownload .con_font{
        position: static;
        height: auto;
        width: auto;

    }
    #datadownload .con_font img{
        display: none;
    }
    #datadownload .con_f_w{
        position: static;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 36px;
    }
}
@media screen and (max-width: 880px){
    #care .content .inner .innerImgMany .wapr_cir{
        display: none;
    }
    #Sinkcloud .sec3_ele_wrap{
        height: auto;
    }
    #Sinkcloud .section1 .content2  .font_co .p{
        height: 133px;
        overflow: hidden;  
    }
}
@media screen and (max-width: 858px){
    #wisdom .sectionH .section_ele .section_ele_line{
        height: 200px;
    }
}
@media screen and (max-width: 820px){
   #society .section2  .cir{
        /*background: none;*/
    }
    #society .section2  .cir_ele{
        padding-right: 10%;
        padding-top: 27px;
    }    
}
@media screen and (max-width:700px){
    #team .inner .section2 .imgWrap{
        width: 100%;
    }
    #team .inner .section2 .imgWrap.imgLeft {
            padding-right: 0;
    }
    #team .inner .section2 .imgWrap.imgRight {
        padding-left: 0;
    }
}
@media screen and (max-width:650px){
    #aboutus .inner .section2 .img .font{
        bottom:11%;
    }
    #DataService .section5 .o_P_inner{
        height: 366px;
        margin-bottom: 40px;
    }
    #DataService .section5 .o_P_ele{
        width: 100%;
        padding-right: 0;
    }
    #Sinkcloud .section4 .pTop p{
        font-size: 20px;
    }
    #Sinkcloud .section1 .content2 {
        height: 413px;
    }
   #wisdom .sectionH .section_ele .section_ele_line{
        height: 150px;
    }
    #development .inner .section2.pc{
    display: none;
    }
    #development .inner .section2.mobile{
        display: block;
    }
    #news_inner .content .inner .new_ele{
        height: auto;
    }
    #news_inner .content .inner .newImg{
        position: static;
        width: 100%;
    }
    #news_inner .content .inner .font{
        padding-left: 0;
        padding-top:20px;
    }
    
    #InvestorRelations .content .inner .new_ele{
        /*height: auto;*/
    }
    #ContactInfo .content  table td {
         width: 50%;
         padding:19px  25px;
     }
  
    
    
    #wisdom .sectionH .section_ele{
        width: 100%;
        float: none;
        margin-top: 16px;
    }
    #wisdom .sectionH .section_ele .p p {
        padding-top: 15px;
    }
    #wisdom .sectionH .section_ele.section_ele_center{
        padding: 0px;
    }
    #overview .section02 .cirWrap{
        height: 200px;
    }
	
	
	
}
@media screen and (max-width:635px){
    #overview .section02 .eleWrap{
        height: 731px;
    }
    #care .content .inner .innerImg{
        padding-top: 95px;
    }
    #overview .section02 .eleWrap.eleWrap01{
        height: 575px;
    }  
    #overview .section02 .eleWrap.eleWrap02{
        height: 716px;;
    }
    #overview .section02 .eleWrap.eleWrap02 .cirWrap {
        height: 372px;;
    }
    
    #overview .section02 .eleWrap.eleWrap03{
        height: 554px;
    }
    #overview .section02 .eleWrap.eleWrap04 {
        height:711px;
    }
     #overview .section02 .eleWrap.eleWrap04 .cirWrap {
        height: 380px;
    }
}
@media screen and (max-width:600px){
    #nav{
        height: auto;
    }
    #nav .rightNav {
        float: left;
    }
    
    
}
@media screen and (max-width:520px){
    #society .section2 .cir_ele {
        padding-right: 18%;
    }
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width:480px){
    #overview .section02 .eleWrap.eleWrap03{
            height: 680px;
    }
    #overview .section02 .eleWrap.eleWrap03 .cirWrap {
        height: 336px;
    }
    
    
    
}