/* fullSlide */
.fullSlide{width:100%;position:relative;height:380px;
min-width: 1300px;
margin-top: -1px;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:380px;overflow:hidden;text-align:center;
cursor: pointer;}
.fullSlide .bd li p{
    text-align: center;
    color: #ffffff;
    font-size: 40px;
    letter-spacing: 15px;
    margin-top: 220px;
}
.fullSlide .bd li a{display:block;
width: 90px;
height: 40px;
margin: 30px auto;
text-align: center;
line-height: 40px;
background: #32BDFF;
font-size: 14px;
color: #fff;}
.fullSlide .bd li a:hover{
    background: #089DE5;
}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:50px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{
    cursor:pointer;
    display:inline-block;
    *display:inline;zoom:1;
    width:16px;
    height:16px;
    border-radius: 30px;
    margin:0px 12px;
    overflow:hidden;
    filter:alpha(opacity=50);
    line-height:999px;
    border:solid 1px #fff;
}
.fullSlide .hd ul .on{background:#fff;}
.fullSlide .prev,.fullSlide .next{
    display:block;
    position:absolute;
    z-index:1;
    top:50%;
    margin-top:5px;
    left:18.5%;
    z-index:1;
    width:50px;
    height:50px;
    cursor:pointer;
    display:none;
}

.fullSlide .next{left:auto;right:18.5%;
background: url(../images/right.png) no-repeat;}
.fullSlide .prev{
background: url(../images/left.png) no-repeat;}


.clounmFour{
    width: 1215px;
    overflow: hidden;
    margin: 30px auto 0px;
}
.clounmFour ul li{
    width: 388px;
    float: left;
    height: 224px;
    position: relative;
    margin: 0px 8px;
    overflow:hidden;
}
.clounmFour ul li img.imgpro{
     width: 388px;
    height: 224px;
     transition: all 0.6s;
}
.clounmFour ul li img.imgpro:hover{  
     transform: scale(1.4);  
     } 
.clounmFour .heightDiv{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 182px;
    height: 40px;
    overflow:hidden;
}
.clounmFour ul li h4{
    width: 120px;
    float: right;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    background: #222222;
    text-align: center;
    padding: 0px 10px;
}
.clounmFour ul li p{
    background: #32BDFF;
     float: right;
    width: 60px;
    height: 40px;  
     line-height: 40px;
    text-align: center; 
    
}
.clounmFour ul li p img{
    margin-top: 10px;
}
.newArrivalCon{
    width: 1215px;
    margin: 0px auto 0px;
    overflow: hidden;
}
.newArrivalCon h3{
    width: 100%;
    text-align: center;
    color: #1b1a1b;
    font-size: 28px;
    margin-top: 65px;
    display: block;
}
.newArrivalList{
    width: 100%;
    overflow: hidden;
    clear: both;
} 
.newArrivalList ul{
    overflow: hidden;
    margin-top: 30px;
    padding-top: 5px;
}
.newArrivalList li{
    width: 280px;
    overflow: hidden;
    float: left;
    background: #fff;
    margin: 0px 11px 20px 12px;
    transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
}
.newArrivalList li:hover {
    box-shadow:0px 2px 12px #ccc;
    -webkit-box-shadow:0px 2px 12px #ccc;
    -moz-box-shadow:0px 2px 12px #ccc;
    -o-box-shadow:0px 2px 12px #ccc;
    -ms-box-shadow:0px 2px 12px #ccc;
}
.icon11{
    display: block;
    width: 117px;
    height: 127px;
    margin: 230px auto;
}
.imgBox{
    background: #fff;
    height: 290px;
    position: relative;
    
}
.imgBox .blackImg{
     width: 280px;
    height: 172px;
    overflow: hidden;
    display: block;
}
.imgBox a{
     width: 280px;
    overflow: hidden;
    display: block;
}
.imgBox img.pro{
     width: 280px;
    height: 172px;
    display: block;
    transition: all 0.6s;
}
.imgBox img.pro:hover{
     /*transform: scale(1.4);  */
}
.proOp{
     width: 250px;
     margin: 11px auto 0px;
     overflow:hidden;

}
.proOp .name{
    font-size: 16px;
    color: #1b1a1b;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
}
.proOp .style{
    color: #888888;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    margin-top: 2px;
    font-size: 11px;
}
.proOp .style span {
    background: #F5F5F5;
    opacity: 0.6;
    width: 1px;
}
.proOp .desc{
    color: #888888;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    margin-top:2px;
}
.proOp .cost{
    color: #f39800;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 60px;
    margin-top:8px;
    float: left;
    font-size: 14px;
    font-weight: bold;
}
.proOp .star{
    overflow: hidden;
    min-width: 45px;
    margin-top:10px;
    float: right;
    text-align: right;
}
.proOp .star span{
     font-size: 14px;
     font-weight: bold;
     color: #32BDFF;
     display: block;
     float: left;
}
.proOp .star img{
    display: block;
    float: right;
}
.newMore{
     width: 120px;
     height: 40px;
     display: block;
     margin: 20px auto;
     background: #32BDFF;
     line-height: 40px;
     text-align: center;
    
     font-size: 14px;
     color: #fff;
}
.newMore:hover{
     transition: all 0.3s ease 0s;
     background: #17ADF5;
}


.postaMore{
     width: 391px;
     height: 300px;
     margin-top: 10px;
     background: #24272A;
     line-height: 340px;
     text-align: center;
     transition: all 0.3s ease 0s;
}
.dowloadrank{
    width: 1225px;
    margin: 0px auto 90px;
    overflow: hidden;
}
.dowloadrank h3{
    width: 100%;
    text-align: center;
    color: #1b1a1b;
    font-size: 28px;
    margin: 45px auto 30px;
    display: block;
}
.dowloadrank ul li{
    width: 390px;
    float: left;
    position: relative;
    margin: 0px 8px;
    overflow:hidden;
    padding: 5px;
}
.dowloadrank ul li .top{
    overflow:hidden;
    background: #fff;
      transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
}
.dowloadrank ul li .top:hover {
box-shadow:0px 2px 12px #ccc;
    -webkit-box-shadow:0px 2px 12px #ccc;
    -moz-box-shadow:0px 2px 12px #ccc;
    -o-box-shadow:0px 2px 12px #ccc;
    -ms-box-shadow:0px 2px 12px #ccc;
}

.dowloadrank ul li .imgLeft{
     width: 234px;
    height: 140px;
    float: left;
    position: relative;
}
.dowloadrank ul li .imgLeft img{
     width: 234px;
    height: 140px;
}
.dowloadrank ul li .imgLeft .icon{
    position: absolute;
    top: 0px;
    letter-spacing: 0px;
    width: 28px;
    height: 31px;
    line-height: 31px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #FAA701;
}
.dowloadrank ul li .top .descRight{
    width: 123px;
    float: left;
    margin-left: 22px;
}
.dowloadrank ul li .top .descRight .name{
    font-size: 15px;
    color: #222222;
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    margin-top: 20px;
}
.dowloadrank ul li .top .descRight .style{
    color: #444444;
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    font-size: 11px;
}
.top .styelStar{
    overflow:hidden;
    margin-top: 26px;
}
.top .styelStar .school{
    color: #a4a4a7;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 55px;
    margin-top:8px;
    float: left;
}
.top .styelStar .star{
    overflow: hidden;
    min-width: 45px;
    margin-top:10px;
    float: right;
    text-align: right;
    margin-right: 5px;
}
.top .styelStar .star span{
     font-size: 14px;
     font-weight: bold;
     color: #32BDFF;
     display: block;
     float: left;
}
.top .styelStar .star img{
    display: block;
    float: right;
}
.dowloadrank ul li dl{
    overflow: hidden;
    width: 100%;

}
.dowloadrank ul li dl dd{
    overflow: hidden;
    margin: 5px 0px;
    padding: 20px 10px 20px 0px;
    border-bottom: solid 1px #E7E6EB;
}
.dowloadrank ul li dl dd:hover {
    background: #fff;
}
.dowloadrank ul li dl dd:last-child{
    border-bottom: none;
}
.dowloadrank ul li dl dd .iconText{
    float: left;
    width: 20px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    background: #222222;
    margin-left: 10px;
}
.dowloadrank ul li dl dd .name{
    float: left;
    width: 100px;
    overflow: hidden;
    color: #222222;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    margin-left: 20px;
}
.dowloadrank ul li dl dd .style{
    float: left;
    width: 60px;
    overflow: hidden;
    color: #666666;
    height: 20px;
    line-height: 20px;
}

.dowloadrank ul li dl dd  .styelStar{
    overflow:hidden;
    float: right;
}
.dowloadrank ul li dl dd  .school{
    color: #a4a4a7;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 75px;
    float: left;
}
.dowloadrank ul li dl dd  .star{
    overflow: hidden;
    min-width: 45px;
    float: right;
    text-align: right;
    margin-top: 3px;
}
.dowloadrank ul li dl dd  .star span{
     font-size: 14px;
     font-weight: bold;
     color: #32BDFF;
     display: block;
     float: left;
}
.dowloadrank ul li dl dd  .star img{
    display: block;
    float: right;
}

#zzsc {
    height: 459px;
    width: 100%;
    min-width: 1300px;
    text-align: center;
    background-color: #F5F7F9;
    margin-bottom: 63px;
    margin-top: -31px;
    position: relative;
}
#zzsc .pre{
    position: relative;
    left: -582px;
    margin-top: 226px;
    cursor: pointer;
    z-index: 999;
}
#zzsc .next{
    position: relative;
    right: -582px;
    margin-top: -24px;
    cursor: pointer;
}
#zzsc #wai_box {
    height: 522px;
    width: 1005px;
    margin: -284px auto;
    overflow: hidden;
    position: relative;
}
#zzsc #wai_box .zzsc_box p {
     font-size: 14px;
     padding-top: 22px;
}
#zzsc .zzsc_box{
    width: 5018px;
    position: absolute;
    left: 0px;
    top: 0px;
}
#zzsc .zzsc_box a.img:hover{
    -moz-opacity:0.9;
    -khtml-opacity:0.9;
    Opacity:0.9;
    Filter:alpha(opacity=90);
    outline:none;
}
#zzsc .zzsc_box ul li img{
    cursor: pointer;
}
#zzsc .zzsc_box .img{
    display: block;
}
#zzsc .zzsc_box ul {
    float: left;
    display: block;
    height: 459px;
    width: 1006px;
}
#zzsc .zzsc_box li {
    float: left;
    font-size: 0px;
    line-height: 0px;
    position: relative;
    
    padding:15px 5.2px;
}
#zzsc .nav {
    height: 10px;
    margin-top: 20px;
    width:231px;
    margin-right: auto;
    margin-left: auto;
}
#zzsc .nav a {
    background:rgba(100, 100, 100, 0.7);
    display: block;
    float: left;
    height: 10px;
    width: 75px;
    font-size: 0px;
    line-height: 0px;
    margin-right: 2px;
    cursor:pointer;
}
#zzsc .nav a:hover{
    background-color: #F9B766;
}
#zzsc .nav .now{
    background-color: #F9B766;
}
#zzsc .zzsc_box .mask{
    background-color: #000;
    height: 230px;
    width: 190px;
    opacity: 0.15;
    position: absolute;
    display: none;
}


/*改版后------------- 程颖*/
button{
    border:none;
    outline: none;
}
.placehold::-webkit-input-placeholder{
    color: #999999;
}
.jianbian{
    background-image: linear-gradient(90deg, 
        #2ca6f4 1%, 
        #2998fa 50%, 
        #2589ff 100%);
}
.jianbian:hover{
    background-image: linear-gradient(90deg, 
        rgba(93, 120, 255, 0.74) 0%, 
        rgba(70, 122, 255, 0.15) 100%), 
    linear-gradient(
        #3c58c1, 
        #3c58c1);
    background-blend-mode: normal, 
        normal;
}
#content{
    width: 1190px;
    margin: 0 auto;
    padding-top: 56px;
    padding-bottom: 80px;
    background-color: #f6f8fa;
}
.sou{
    width: 989px;
    height: 50px;
    border-radius: 4px;
    border: solid 2px #619cfb;
    background-color: #f6f8fa;
    font-size: 16px;
    padding-left: 21px;
    float: left;
}
.soubtn{
    width: 180px;
    height: 50px;
    font-size: 18px;
    color: #ffffff;
    display: block;
    text-align: center;
    border-radius: 4px;
    margin-left: 18px;
    float: left;
}
.classify_div{
    width: 988px;
    margin-top: 25px;
}
.forli{
    font-size: 16px;
    color: #666666;
    float: left;
    margin-left: 36px;
    margin-bottom: 18px;
    cursor: pointer;
}
.forli a{
    font-size: 16px;
    color: #666666;
    float: left;
    margin-bottom: 18px;
    cursor: pointer;
}
.classify_li{
    margin-left: -35px;
}
.active{
    color: #4caae4 !important;
}
.onebox{
    width: 1190px;
    margin-top: -20px;
    margin-bottom: 79px;
}
.forbox{
    margin-top: 50px;
}
.titles{
    border-left:4px solid #4caae4;
    font-size: 28px;
    color: #333333;
    padding-left: 25px;
    height: 30px;
    line-height: 25px;
}
.seemore{
    font-size: 16px;
    color: #666;
    float: right;
    margin-top: -26px;
    cursor: pointer;
}
.seemore a{
	font-size: 16px;
    color: #666;
    float: right;
    cursor: pointer;
}
.seemoreimg{
    margin-top: 3px;
    float: right;
    margin-left: 5px;
}
.describe{
    font-size: 18px;
    line-height: 30px;
    color: #333333;
    margin-top: 22px;
}
.loop{
    width: 285px;
    height: 269px;
    background-color: #fff;
    margin-top: 40px;
    float: left;
    margin-left: 17px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
    cursor: pointer;
}
.loop:hover{
    box-shadow: 0px 2px 12px #ccc;
    -webkit-box-shadow: 0px 2px 12px #ccc;
    -moz-box-shadow: 0px 2px 12px #ccc;
    -o-box-shadow: 0px 2px 12px #ccc;
    -ms-box-shadow: 0px 2px 12px #ccc;
}
.imgs{
    width: 285px;
    height: 161px;
    display: block;
}
.loopinput{
    border: none;
    background-color: #fff;
    overflow: hidden;
    width: 254px;
}
.loopdiv{
    margin: 12px 15px;
}
.looptit{
    font-size: 16px;
    color: #333;
}
.style{
    color: #888888;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    margin-top: 2px;
    font-size: 11px;
}
.desc{
    color: #888888;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    width: 100%;
    margin-top: 2px;
}
.star{
    overflow: hidden;
    min-width: 45px;
    margin-top: 4px;
    float: right;
    text-align: right;
}
.star span {
    font-size: 14px;
    font-weight: bold;
    color: #32BDFF;
    display: block;
    float: left;
}
.star img {
    display: block;
    float: right;
}
.lops{
    margin-left: -18px;
}
.more{
    color: #fff;
    font-size: 20px;
    width: 168px;
    height: 52px;
    line-height: 51px;
    border-radius: 4px;
    display: block;
    text-align: center;
    margin: 0 auto;
}
.bannerimg {
    background: url(../pic/xunifangzhenxiangmu.png) no-repeat top;
    width: 100%;
    height: 400px;
    min-width: 1280px;
    text-align: center;
    overflow: hidden;
    background-size: 100% 400px;
    
  }
  .blueBox h1{
    font-weight: 400;
    font-size: 32px;
    text-align: left;
    color: #FFFFFF;
    
  }
  .blueBox p{
    font-weight: 400;
    font-size: 18px;
    text-align: left;
    color: #FFFFFF;
    margin-top: 8px;
  }
  .blueBox {
    width: 467px;
    height: 212px;
     margin-left: 150px;
    backdrop-filter: blur(10px);
    position: relative;
    top: 147px;
  }
  .chakangengduo{
    width: 122px;
    height: 40px;
    border: 1px solid #FFFFFF;
    filter: drop-shadow(0px 4px 10px rgba(87, 86, 241, 0.2));
    backdrop-filter: blur(4px);
    border-radius: 20px;
    line-height: 40px;
    margin-top: 25px;
    cursor: pointer;
  }
  .chakangengduo a{
    font-size: 14px;
    line-height: 21px;
    color: #FFFFFF;
  }