div,
span,
a,
li,
ul,
img,
input,
i,
body,
h1,
h2,
h3,
h4,
del,
strong,
em,
p,
ins {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: black;
}
li {
    list-style: none;
}
input {
    border: none;
    outline: none;
}
img {
    border: none;
    vertical-align: middle;
}
body {
    font-size: 12px;
    line-height: 1;
    background-color: #ededed;
}

i {
    font-style: normal;
}

.clearfix::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

.topbar {
    height: 100px;
  /* position: relative; */
    background-color: #2c1c18;
    /* margin: 0 auto;  */
}

.bar {
    width: 1226px;
    height: 100px;
    background-color: #2c1c18;
    margin: 0 auto;
}
.logo {
    width: 40px;
    height: 40px;
    background: url(image/logo.png);
   float: left;
   margin-top: 24px;
   
  
}
  .list {
      position: relative;
  }
.list li{
   /* float: left; */
    width: 875px;
    height: 16px;
    position: absolute;
    left: 240px;
    top: 44px;
 
}
.list a{
    color: white;
    margin-right: 48px;
    font-size: 14px;
    
}

.list a:last-child {
    margin-right: 0;
}
.list span  {
    margin-left:50px;

}

    

.gerenxinxi {
    width: 20px;
    height: 20px;
    background-image: url(image/account-icon.png);
    position: absolute;
    right: 220px;
    top: 39px;
    margin-right: 70px;
   
}
.shopping {
    width: 53px;
    height: 24px;
    
    float: right;;
    margin-top: 36px;
    margin-right: 2px;
    position: relative;
}
.carbuy .car{
    
    width: 30px;
    height: 24px;
    background: url(image/account-icon.png) no-repeat ;
    position: absolute;
    background-position: 0 -20px;
    
    
}
.shuzi {
    width: 24px;
    height: 24px;
    border: 1px solid green;
    position: absolute;
  right: 2px;
  border-radius: 24px;
background-color: #9a9a9a
}
.shuzi span {
    
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: white;
    float: left;

} 
.centerbar {
    width: 1220px;
    height: 51px;
    background-color: #ededed;
    margin: 0 auto;
    padding-top: 37px;
}

.nav li a{
    font-size: 14px;
    margin-right: 42px;
}
.photo {
    width: 1220px;
    height: 500px;
    background-image: url(image/main-banner.png);
    margin: 0 auto;
    border-radius: 20px;
   
    
}
.photo2 {
    width: 1220px;
    height: 200px;
    
    margin: 0 auto;
    margin-top: 28px;
    border-radius: 20px;
    overflow: hidden;
}

.tupian1 {
    width: 304px;
    height: 200px;
   
    float: left;
    background-image: url(image/smartisan.png);

}
.tupian2 {
    width: 304px;
    height: 200px;
    
    float: left;
    background-image: url(image/ganghuapoli.jpg);

}
.tupian3 {
    width: 304px;
    height: 200px;
    
    float: left;
    background-image: url(image/Txue.jpg);

}
.tupian4 {
    width: 304px;
    height: 200px;
    float: left;
     background-image: url(image/pro.jpg);
    

}
.photo3 {
    width: 1220px;
    height: 422px;
    margin: 0 auto;
    margin-top: 6px;
    overflow: hidden;
    border-radius: 20px
    
}

.zhaopian1 {
width: 303px;
height: 424px;
background-size: 304px 424px;
float: left;
border: 1px solid #dbdbdb;
background-color: #ffffff;
}
.zhaopian1 img {
    width: 303px;
    height: 228px;
    margin: 0 auto;
}

.wenzi1{
    font-size: 18px;
    text-align: center;
    
    
   
}
.wenzi2{
    font-size: 12px;
    text-align: center;
    color: #ccb9c2;
    margin-top: 3px;
}
.wenzi3{
    font-size: 18px;
    text-align: center;
    color: #de4037;
    margin-top: 68px;
}
.zhaopian2{
    width: 303px;
    height: 424px;
    background-size: 304px 424px;
    float: left;
    border: 1px solid #dbdbdb;
    background-color: #ffffff;
}
.zhaopian2 img {
    width: 303px;
    height: 228px;
    margin: 0 auto;
}

.zhaopian3 {
width: 303px;
height: 424px;
background-color: #ffffff;
float: left;
background-size: 303px 424px;
border: 1px solid #dbdbdb;
}
.zhaopian3 img {
    width: 303px;
    height: 228px;
    margin: 0 auto;
}

.zhaopian4 {
width: 303px;
height: 424px;
background-color: #ffffff;
float: left;
background-size: 303px 424px;
border: 1px solid #dbdbdb;
}
.zhaopian4 img {
    width: 303px;
    height: 228px;
    margin: 0 auto;
}

.photo4 {
    width: 1220px;
    height: 917px;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 30px;
}

.taitou {
width: 1220px;
height: 38px;
margin: 0 auto;
padding-left: 30px;
padding-top: 22px;
border: 1px solid #e5e4e2;  
}
.taitou p{
    font-size: 22px;
    /* text-align: center; */
    
}
.tuijian1 {
    width: 610px;
    height: 428px;
    background:url(image/jianguopro.png) red;
    float: left;
    border: 1px solid #e5e4e2;
}

.tuijian2 {
    width: 302px;
    height: 428px;
    background: #ffffff;
    float: left;
    border: 1px solid #e5e4e2;
}
.tuijian2 img {
    width: 206px;
    height: 206px;
  
    float: left;
   margin-top: 63px;
   margin-left: 55px;
}
.tuijian3 {
    width: 302px;
    height: 428px;
    background: #ffffff;
    float: left;
    border: 1px solid #e5e4e2;
}
.tuijian3 img {
    width: 206px;
    height: 206px;
    background: #ffffff;
    float: left;
   margin-top: 63px;
   margin-left: 55px;
}

.tuijian4 {
    width: 303px;
    height: 428px;
    background: #ffffff;
    float: left;
    border: 1px solid #e5e4e2;
}
.tuijian4 img {
    width: 206px;
    height: 206px;
    background: #ffffff;
    float: left;
   margin-top: 63px;
   margin-left: 55px;
}
.tuijian5 {
    width: 303px;
    height: 428px;
    float: left;
    border: 1px solid #e5e4e2;
    background: #ffffff;
}
.tuijian5 img {
    width: 206px;
    height: 206px;
    float: left;
   margin-top: 63px;
   margin-left: 55px;
}
.tuijian6 {
    width: 303px;
    height: 428px;
    float: left;
    border: 1px solid #e5e4e2;
    background: #ffffff;
}
.tuijian6 img {
    width: 206px;
    height: 206px;
  
    float: left;
   margin-top: 63px;
   margin-left: 55px;
}
.tuijian7 {
    width: 303px;
    height: 428px;
    float: left;
    border: 1px solid #e5e4e2;
    background: #ffffff;
}
.tuijian7 img {
    width: 206px;
    height: 206px;
    float: left;
   margin-top: 63px;
   margin-left: 55px;
}
.bottombar {
    width: 1220px;
    height: 260px;
    background-color: red;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 20px;
    margin-top: 30px;
}
.bottom1 {
    width:305px;
    height: 260px;
    background-color: pink;
    float: left;
    background-image: url(image/fabuhui.png);
    background-size: 305px 260px;
}
.bottom2 {
    width:305px;
    height: 260px;
    background-color: green;
    float: left;
    background-image: url(image/smartisan.png);
    background-size: 305px 260px;
}
.bottom3 {
    width:305px;
    height: 260px;
    background-color: blue;
    float: left;
    background-image: url(image/idea.jpg);
    background-size: 305px 260px;
}
.bottom4 {
    width:305px;
    height: 260px;
    background-color: purple;
    float: left;
    background-image: url(image/onestep.jpg);
    background-size: 305px 260px;
}
.lastbar {
    height: 232px;
    margin-top: 60px;
    background-color: #fafafa;
   
}
.listbar1 {
    width: 1220px;
    height: 132px;
    margin: 0 auto;
    background-color: #fafafa;
    font-size: 14px;
    color: #969696;
    padding-top: 100px;
   
}
.listbar1 li {
    margin-bottom: 12px;
    
}
.listbar1 ul {
    float: left;
}
.listbar1 li.listbara {
    margin-bottom: 17px;
    font-size: 16px;
    margin-right: 100px;
}
.listabara {
    color: #646464;
}

.lastlist {
    text-align: right;
}
.lastone {
    width: 105px;
    height: 32px;
    float: right;
    font-size: 16px;
    background-color: #f8f8f8;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 32px;
 
}
.lastone input {
    color: #6a79de;
}