body{font-family:'微软雅黑','Times New Roman', Times, serif;font-size:1em;font-weight: normal;
    margin:0px;padding:0px; background-color: #f7f7f7;
    box-sizing: border-box;}
    radio,button,text,input,select,br{margin:0px;padding:0px;box-sizing: border-box;}
    li,ul,ol,dl,dd,dt,img,h3,h4,h5,h6,h1,h2,span,a,p,b,i,strong,em,small,big{margin:0px;padding:0px;list-style:none; font-style:normal;}
    img{ margin:0px; padding:0px; border:none;}
    a:visited {color: #585859;text-decoration:none;}
    a:active {color: #333;}
    a:hover {color: #ff6000;}
    a:link {color: #000;text-decoration:none;}
    .celarfix{content: ''; display: inline-block; clear: both;}

.swcontair1{display: flex;flex-direction: column; background: url(../style/smbg1.jpg) no-repeat top center;
background-size: 100%; padding-bottom:12em;
}


.netnotice{width:1600px; margin: 2em auto 0 auto; display: flex; flex-direction: column;  background-color: #fff; padding: 1.5em 0;}
.netnotice p{margin: 1em 2em 0 2em; color:#ff6000;}



.wsctbox{width:1600px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between;}
.ctr1left{display: flex; flex-direction: column; margin:12em 0 0 0;}
.ctr1left h1{font-size:3.5em; color: #fff;}
.ctr1left h2{font-size:1em; margin:0.3em 0 0 0; color: #fff; font-weight: normal;}

.ctr1left ul{margin: 1em 0 0 0; color: #fff;font-size:1em;}

.ctr1left p{margin:4em 0 0 0;}
.ctr1left p a{background-color:#ff6000;color: #fff; padding:1em 2em;}
.ctr1left p a:hover{background-color: #f04848;}

.ctr1right p{margin:3em 0 0 0;}


.popbackcontair{width:100%; height:100%;position: fixed; top: 0px; 
    background-color: rgba(0, 0, 0, 0.8);}

/******/
.swcontair2{display: flex;flex-direction: column;}
.swsalebox{width:1600px; margin: 0 auto; display: flex; flex-direction: column; }

.commtitle h2{ font-size: 2.5em; margin:2em 0 1em 0; text-align: center;}

.listitem {display: flex; flex-direction: row; justify-content: space-between;gap: 2em;}
.listitem a{ background-color: #fff; border-radius: 0.5em; margin: 2em 0 0 0;
    width: 24%;
    padding-bottom: 3em;}
.listitem dl{margin: 2em 2em 0 2em; text-align: center; padding: 2em 0; display: flex; flex-direction: column;}
.listitem dl dt img{border-radius: 50%;}
.listitem dl dt em{font-size:3em; color: #0081ff; border-radius: 50%; background-color: #f2f2f2; padding: 0.2em;}
.listitem dl b{font-size: 1.5em;}
.listitem dl dd{margin-top: 1em;}

.listitem p{margin: 0 2em 0 2em; text-align: center;}
.listitem p em{padding: 0.5em 1em; border: 1px #0081ff solid; border-radius: 0.3em; color: #0081ff;}

.listitem a:hover dl dt em{background-color: #0081ff; color: #fff;}
.listitem a:hover dl dd b{color: #0081ff;}
.listitem a:hover dl dd em{color: #585859;}
.listitem a:hover p em{ background-color: #0081ff; color: #fff;}
/*******/
.swcontair3{display: flex;flex-direction: column; background-color: #fff; margin: 5em 0 0 0;
padding-bottom:8em;
}
.sw3box{width:1600px; margin: 0 auto; display: flex; flex-direction: row; justify-content: space-between; }
.sw3left p{margin:0.5em 0 0 0;}
.sw3left h1{ margin: 3em 0 0 0; color: #0081ff;}
.sw3left h2{font-size:1em; margin: 2em 0 0 0; font-weight: normal;}
.sw3left h2 b{color: #f04848; margin: 0 0 0 1em;}

.sw3left h3{font-size:1em; margin: 2em 0 0 0; font-weight: normal;}
.sw3right p{margin: 5em 0 0 0;}
/*****/
.swcontair5{display: flex;flex-direction: column; background-color: #fff; margin: 5em 0 0 0;
   background: url(../style/smbg1.jpg) no-repeat top center;
    background-size: 100%;
    padding: 3em 0;
    }
    .sw5box{width:1600px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; text-align: center; }
    .sw5box p{margin:0.5em 0 0 0;}
    .sw5box h3{ color: #fff; margin: 1em 0;}
    .sw5box h5{font-size: 1em; font-weight: normal;}
/******/
.recprobox{display: flex; flex-direction: row;flex-wrap: wrap; justify-content: space-between; width: 1600px; margin: 0 auto;}
.homeprolist{display: flex; flex-direction: column; width:24%; margin: 1.5em 0 0 0; background-color: #fff; padding-bottom: 1.5em;}
.homeprolist a{display: flex; flex-direction: column;}
.homeprolist p{display: flex; flex:15em 0; margin: 1em 1em 0 1em; overflow: hidden;}
.homeprolist p img{width: 100%; height: 100%; object-fit: cover;transition: all 0.3s; border-radius: 0.3em; }
.homeprolist p:hover img{transform: scale(1.05);}

.homeprolist dl{display:flex; flex-direction: column; margin:1.5em 1.5em 0 1.5em;}
.homeprolist dl dt b{font-size: 1.1em; font-weight: normal;}
.homeprolist dl dd{display: flex; flex-direction: row; justify-content: space-between; margin: 1em 0 0 0;}
.homeprolist dl dd b{font-size: 1.2em; color: #ff6000;}
.homeprolist dl dd i{text-decoration: line-through; color: #999;}
/*******/
.swcontair4{display: flex;flex-direction: column; margin: 5em 0 0 0;
  
    }
    .sw4box{width:1600px; margin: 0 auto; display: flex; flex-direction: column; background: url(/style/abbanner.jpg) no-repeat top center;
        padding-bottom:8em;
        border-radius: 0.5em;
    }
    .sw4box h3{width:80%; display: block; text-align: center; font-size:3em; color: #fff; font-weight: normal; margin: 3em auto 0 auto;}
    .sw4box h5{width:60%; display: block; text-align: center; font-size:1em; color: #fff; font-weight: normal; margin: 3em auto 0 auto;}
    .sw4box ul{width:80%; display: flex; flex-direction: row; font-size:1em; color: #fff; font-weight: normal; margin: 3em auto 0 auto; justify-content: space-between;}
    .sw4box ul li{display: flex; flex-direction: column;}
    .sw4box ul li em{font-size: 1.2em;}

/*******/
    @media only screen and (max-width: 2560px) {
   
    }
    @media only screen and (max-width: 1920px) {
       
    }
    @media only screen and (max-width: 1300px) {
       
    }
    @media only screen and (max-width: 900px) {
       
    }
    @media only screen and (max-width: 600px) {
       
    }
    @media only screen and (max-width: 500px) {
       
    }