.headerSo {
    margin:36px auto 25px;
}
 .yema {
    width:1280px;
    margin:0 auto 5px;
}
.header {
    width:100%;
    min-width:1280px;
    height:100%;
    background:url(../images/bigImg.jpg) no-repeat center center;
    background-size:cover;
    position:relative;
}
#buyRd {
    display:none;
}
.boxMiddle {
    width:100%;
    margin:0 auto;
}
.logo {
    color:#008cff;
    font-size:36px;
    font-weight:700;
    margin-left:6px;
}
.logo2 {
    color:#000;
    font-size:36px;
    font-weight:700;
    /*margin-left:6px;*/
}
.logo3 {
    color:#000;
    font-size:24px;
}
#CreditCode {
    margin:15px auto 40px;
}
.soInput {
    width:100%;
    height:48px;
    border-radius:6px;
    border:1px solid #ccc;
    font-size:16px;
    text-indent:16px;
}
.soSub {
    position:absolute;
    top:8px;
    right:4px;
    border-left:1px solid #000;
}
.soSub:hover{
    color:#008cff;
}
nav {
    height:36px;
    line-height:36px;
    margin:0 auto;
    width:50%;
}
.banner {
    font-size:16px;
}
.more {
    padding-right:10px;
}
.nav1 span, .nav1 a {
    color:#999;  
    font-size:14px; 
    padding:0 12px;     
}

.nav1 a:hover {
    color:#008cff;
}
.footer {
    bottom:-40%;
    height:250px;
    color:#fff;
    width:100%;
    min-width:1280px;
    position:static;
}
.footer p {
    font-size:14px;
}
.footerBox {
    margin:0 auto;
    background-color:#a6a6a6;
}
.footerBox ul {
    padding:28px 0;
 }
.footerBox ul li {
    text-align:center;
    margin:6px;
    font-size:14px;
}
.footerBox ul li.ft16{
    font-size:16px;
}
.footerBox ul li span{
    padding:10px;
}
.fontWidth {
    width:480px;
}
.main {
    margin:232px 0;
}
.mainbox{
    width:100%;
    position:absolute;
    top:50%;
    margin-top:-24px;
}
.main h2, .main p,.main span{
    color:#fff;
    text-align:center;
}
.marTB {
    margin:50px 0 80px 0;
}
.price {
    font-size:24px;
    font-weight:bold;
}
.intro {
    width:1080px;
    margin:110px auto 48px;
}
.intro article {
    width:610px;
    margin-left:28px;
}
.showImg {
    height:490px;
    text-align:center;
    line-height:490px;
    font-size:60px;
    width:100%;
}
.buyTips {
    width:614px;
    margin:150px auto;
}
.buyTips .logo3 {
    width:145px;
    margin-left:226px;    
}
.picbox {
    width:80%;
    margin-bottom:0;
    padding:20px 0 8px 0;
}
.picbox ul{
    margin-bottom:12px;
}
.picbox li{
    float:left;
    height:328px;
    position:relative;
    overflow:hidden;
}
.picbox ul.addGao li img{
    transform:translate(-50%,-45%);
}
.picbox li img{
    position:absolute;
    top:50%;
    left:50%;
    margin-left:0;
    transform:translate(-50%,-50%);
    width:auto;
    height:130%
}
.picbox li b {
    width:60px;
    height:30px;
    font-size:28px;
    color:#fff;
    top:50%;
    left:50%;
    margin-left:-30px;
    margin-top:-15px;
    z-index:1;
}
.picbox li a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.picbox li:hover b{
    position:absolute;
}
.picbox li:hover a{  
    background:#000;
}
.picbox li:hover img{
    opacity:0.6;
}
/*searchimage*/
.page{
	height:26px;
    border:1px solid #ccc;
    margin:0 20px 0 44px;
}
.page li{
	float: left;
	text-align:center;
	line-height:26px;
    color:#898f9a;
    height:26px;
    font-weight:bold;
}
.page li:nth-child(2n+1){
	width:28px;
}
.page li:nth-child(2){
	border-right:1px solid #ccc;
    border-left:1px solid #ccc;
}
.showPage {
    border:none;
    padding-top:2px;
    width:64px;
    height:24px;
    text-align:center;
    
}
.imgNum,.pageNum {
    float:left;
    margin-left:10px;
    line-height:26px;
    font-size:16px;
    color:#898f9a;
}
.imgBox{
    float:left;
    width:170px;
    height:170px;
    border:1px solid #f2f2f2;   
    display:flex;
    justify-content:center;
    align-items:center;
    margin:6px 3px;
}
.imgBox img {
    max-height:170px;
    max-width:170px;    
}
.imgMore {
    position:relative;
    color:#ccc;
}
.imgMore::before{
    content:'';
    position:absolute;
    left:50%;
    top:50%;    
    width:40px;
    margin-left:-20px;
    margin-top:-2px;
    border-top:4px solid;

}
.imgMore::after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    height:40px;
    margin-left:-2px;
    margin-top:-20px;
    border-left:4px solid;
}
.imgMore:hover{
    color:#008cff;
}
/*detailimgge*/
.Datubox {
    width:725px;
    height:725px;
    border:1px solid #f2f2f2;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    margin-left:50px;
}
.Datubox img {
    max-height:725px;
    max-width:725px;    
}
.depict {
    width:364px;
    position:absolute;
    top:50%;
    right:0;
    margin-right:50px;
}
.depict p {
    font-size:18px;
    color:#666;   
    text-align:left; 
    line-height:32px;
}
.depict p.key{
    line-height:24px;
}
.depict p a,.depict p b {
   font-size:16px;
}
.depict p strong {
    color:#000;
    font-weight:normal;
}
.depict .line {
    border-top:1px dashed #ccc;
    margin:10px 0;    
}
.pr {
    position:relative;
}
.m0 {
    margin:0;
}
.mT3 {
    margin-top:3px;
}
.mT10 {
    margin-top:10px;
}
.mT8 {
    margin-top:8px;
}
.mT28 {
    margin-top:28px;
}
.mTB16 {
    margin:16px 0;
}
.mTB28 {
    margin:28px 0;
}
.mTB38 {
    margin:38px 0;
}
.mTB54 {
    margin:54px 0;
}
.mLR110 {
    margin:10px 110px 0;
}
.mR20 {
    margin-right:20px;
}
.pLR60 {
    padding:50px 60px 4px;
}
.p3570 {
    padding:36px 70px;
}
.wid1280 {
    width:1280px;
    margin:0 auto;
}
.wid1230 {
    width:1230px;
    margin:0 auto;
    padding-left:50px;
}
.depict p.rCol {
    color:red;
}
.lineH40 {
    line-height:40px;
}
.lineH32 {
    line-height:32px;
}
/*keywords*/
.key a:hover{
    color:#008cff;
}
.wordbox {
    position:relative;
}
.bar {
    margin:100px;
}
.sidebar li.show {
    display:block;
}
.bar li {
    width:200px;
    height:30px;
    text-align:center;
    line-height:30px;
    cursor:pointer;
    background:#434c5f;
    
}
.bar li a {
    color:#fff;    
}
.sidebar {
    display:none;
    width:414px;
    height:448px;
    border:1px solid #f7f7f7;
    box-shadow:2px 0 5px rgba(0,0,0,.3);
    position:absolute;
    top:100px;
    left:300px;
}
.sidebar li {
    display:none;
}
ul.sidebar li a {
    float:left;
    padding:8px 10px;
     color:#999;  
     line-height:28px;  
}
.bai {
    color:#fff;
}
/*denglu*/

.loBox {
    width:400px;
    height:400px;
    position:absolute;
    top:25%;
    left:50%;
    margin-left:-200px;
}
.loBox p {
    width:400px;
    height:80px;
}
.dlbox a{
    width:354px;
    background:#008cff;
    color:#fff;
    display:block;
}
.loBox p input{
    width:400px;
    border:none;
    border:1px solid #999;
    /*opacity:0.3;*/
    /*background:rgba(255,255,255,0);*/
    border-radius:5px;
    outline:none;
    color:#000;
}
.img_verifycode {
    cursor:pointer;
    position:absolute;
    top:8px;
    right:8px;
}
.navBar {
    width:100%;
    background:rgba(166,166,166,0.3);
}
.heanav {
   width:70%;
   margin:0 auto;
   padding:12px 0; 
}

.heanav li {
    font-size:18px;
    color:#000;
    margin:12px 20px 8px 0;
}
.userBox li:hover{
    color:#008cff;
}
.navtxt li:hover{
    color:#008cff;
}
 .off {
    padding-left:0px;
    cursor:pointer;
}
.heanav li.user {
    margin-right:20px;
}
.txt_verifycodeheng {
    position:relative;
}

.souBox {
    width:50%;
    margin:0 auto;    
    position:relative;
}
#buy {
    padding:2px 20px;
}
.buybox {
    width:100%;
    margin:100px auto;
}
.buybox li {
    text-align:center;
}
.buytxt {
    position:absolute;
    top:10%;
    margin:0px auto;
}
.butbox {
    margin:50px 0;
}
.butbox a {
    padding:18px 50px;    
}
.txt {
    margin:10px 0;
    font-size:18px;
}
.opac {
    background:rgba(255,255,255,0.6);
    border:none;
    color:#999;
}
.logimg {
    width:100%;
    min-height:1100px;
}
.introbox {
    width:1200px;
    position:absolute;
    top:18%;
    left:50%;
    margin-left:-600px;
}
.introlist {
    width:32%;
    border:1px solid #000;
    background:#fff;
    margin-left:1%;
}
 .introlist li {
     height:80px;
     padding:18px 0;
 }
 .introlist li.line2{
     border-bottom:1px solid #999;
     width:80%;
     margin-left:10%;
     margin-bottom:30px;
 }
.introlist h1 {
    padding-top:30px;
     font-size:32px;
     font-weight:bold;
}
.introlist h2 span{
    font-size:28px;
    font-weight:bold;
}
.introlist p {
    font-size:16px;
    padding:10px;
}
.introlist p span{
    font-size:28px;
    font-weight:bold;
    color:#008cff;
}
 .introlist li:first-child {
     height:100px;
     background:#d1eaff;
}
 .introlist li:last-child {
    margin-top:80px;
}
.introtxt {
    width:100%;
    text-align:center;
    margin-top:30px;
}
.introtxt li:first-child{
    font-size:16px;
    margin-bottom:10px;
    font-weight:bold;
}
.introtxt li{
    font-size:14px;
    margin-top:5px;
}
.loBox p.upbox {
    position:relative;
}
.loBox a.down {
    position:absolute;
    width:55px;
    height:30px;
    top:10px;
    right:10px;
    border:1px solid #008cff;  
    border-radius:5px;  
    font-size:14px;
    color:#008cff;
    line-height:30px;
}
.tips {
    margin:10px 0 0 36px;
    color:red;
    display:none;
}
/*¹ºÂòÒ³*/
.picDown ul:after{ display: block; clear: both; content: '';}
.picDown ul{zoom: 1;}
.picDown ul.buyJl input {
    text-indent:10px;
    border:1px solid #ccc;
    height:24px;
    font-size:14px;
}
.xxbox ul {
    width:100%;
}
.xxbox ul:nth-child(2n+1) {
    background:#F2F2F2;
}
.xxbox ul:first-child li{
    line-height:18px;
}
.xxbox li {
    width:20%;
    font-size:14px;
    float:left;
    text-align:center;
    line-height:168px;
    margin:0;
    border:none;
}
.xxbox li p {
    line-height:168px;
}
.xxbox li img {
    vertical-align:middle;
    max-height:170px;
    max-width:170px;    
}
.span1 input {
    background: url(../images/jt.png) right no-repeat;
}
.ftmt {
    font-size:16px;
    margin:3px 20px 0 0;
}
.pageBox li {
    float:left;
    text-align:center;
    cursor: pointer;
    padding:6px 8px;
}
.pageBox li:nth-child(1){
    font-size:14px;
}
.pageBox li:nth-child(5){
    padding:0;
}
.pageBox li:nth-child(3){
    padding:0;
    width:55px;
    height:24px;
	border:1px solid #ccc;
}
.picDown input.pageYe {
    width:100%;
    height:100%;
    border:none;
    text-align:center;
    color:#898f9a;
    text-indent:0;
    padding:0;
    background:none;
}
@media screen and (min-width:1921px){
    .picbox li img {
        height:160%;
    }
    .picbox ul.addGao li img{
        transform:translate(-50%,-40%);
    }
}
@media screen and (max-width:1440px),screed and (min-width:1280px) {
    .loBox p {
        height:70px;
    }
}
@media screen and (max-width:1680px),screed and (min-width:1440px) {
    .introlist li {
     padding:12px 0;
 }
}
@media screen and (max-width:1440px),screed and (min-width:1280px) {
    .introlist li {
     padding:8px 0;
 }
    .introtxt {
    margin-top:60px;
}
}