.main-content{
width:100%;
overflow:hidden;
min-width: 1400px;
background-image: url("/style/pic/youhuabg.png")
}
.content{
    width: 1400px;
    margin:0 auto;
    text-align: center;
    background: #F4F2F2;
}

.bhead{
    width: 1380px;
    height: 80px;
    margin-left:0px;
    
    line-height: 60px;
    text-align: left;
    padding-left:10px; 
    background:rgb(206,41,48);
}
.bhead p{
    height: 60px;
    line-height: 60px;  
    display: inline-block;
    font-size:30px;
    color:white;
    padding: 5px;
    margin-top:5px;
}


.wraper{
position:relative;
width:1000px;
height:100%;
margin:0 auto;
}
.hd-navi{
position:absolute;
top:0px;
right:0px;
height:20px;
line-height:28px;
}
.hd-navi a{

color:#b3b3b3;
}
.logo{
width:200px;
height:200px;
position:absolute;
top:35px;
left:0px;
background:url("./pic/logo.png") no-repeat;
background-size:50%;
}
.name{
width:500px;
height:500px;
position:absolute;
top:32px;
left:110px;
background:url("./pic/bname.png") no-repeat;
background-size:100%;
}
.con-nav{
width:100%;
background-color: #2587d4;
position: absolute;bottom:-23px;
height:41px;
line-height:40px;
}
.con-nav a{
height:41px;
line-height:40px;
text-decoration: none;
color:#fff;
font-size:16px;
padding:0 6px 0 10px;
position: relative;
display: inline-block
}
.con-nav a:hover{
    background-color: #1261a0;
}

.part1{

width:100%;
overflow:hidden;
}
.p1-left{
width:690px;
float:left;
}
.p1-right{
width:690px;

float:right;
}
.news{
position:relative;
width:100%;
height:37px;
border-bottom:solid 1px #dbdbdb;
}
.news div{
position:absolute;
    line-height: 35px;
    font-size: 16px;
    padding: 0px 10px;
    cursor: pointer;
    border-top: 2px solid #000;
    background-color: #fff;
   bottom: -1px;
    border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
}

.add1{
margin-top:30px;width:1000px;
height:90px;
background:url("./pic/a1.jpg");
}

.show-items{
width:100%;
height:680px;
border: 1px solid #d5d5d5;
overflow: hidden;
position: relative;
}
.r1{
width:100%;
height:100%;

}
.roller-con{

width: 100%;
height: 520px;
}
.roller{
width: 500%;
height: 520px;
position: absolute;
overflow: hidden;
transition: all 1s;
}
.roldet{
width: 20%;
height: 100%;
background:black;
float: left;
position:relative;
}
.roldet h1{
width: 100%;
color:white;
font-size:20px;
line-height:30px;
height: 30px;

padding:3px;
background: rgba(0,0,0,0.5);
position: absolute;
bottom: 0;

}
.roldet h2{
color:white;
font-size:
font-size:20px;
line-height:20px;
margin-left:10px;
}

.s-rol{

width:100%;
height: 160px;


}

.rol-c{
width: 20%;
height: 100%;
float: left;

}

.rol-c-pic{

margin-top:3px;
width: 95%;
height: 95%;
border: solid 1px #bdbdbd;
cursor: pointer;
}



.part2{
overflow:hidden;
}

.four-show{
width:662px;
overflow: hidden;
position:relative;
float:left;
}
.four-show p{
margin: 0;
height:22px;
font-size: 18px;
color:red;
line-height: 22px;
}
.fs{
width:330px;
height:180px;
float:left;
position:relative;
cursor:pointer;
overflow:hidden;
}


.fs-p{
width:100%;
height:100%;
transition:all 1s;
}






.fs:hover .fs-p{
transform:scale(1.1,1.1);
}

.fs-de{
cursor:pointer;
position:absolute;
bottom:-40px;
color:white;
padding-left:50px;
padding-bottom:10px;
font-size:20px;
transition:all 1s;
}
.fs:hover .fs-de{

bottom:3px;;
}
.m-f-2{
margin-left:2px;

}
.m-t-2{

margin-top:2px;
}
.fc{
width:120px;
height:120px;
background:url("./pic/cen.png") no-repeat;
background-size:100%;
background-position:center center;
position:absolute;
left:270px;
top:143px;
}

.part2-rifht{
width:300px;
height:100%;
float:right;
height:362px;
}
.titil1{
width:95px;
height:24px;
background:#108ee2;
text-align:center;
line-height:24px;
border-top-right-radius:8px;
color:#fff;
font-size:14px;
margin-top:3px;
}
.pr-1{
width:300px;
height:140px;
background:url("./pic/f1.jpg") no-repeat;
margin-top:2px;
}

.pr-2{
width:300px;
height:189px;
background:url("./pic/f1.jpg") no-repeat;
margin-top:2px;
}

.picdiv{
background-size:100%;
background-position:center center;
}

.part3{

   width: 100%;
   overflow: hidden;
   
}


.part3-con-head{

    width: 100%;
    height:64px;
    line-height: 64px;
    text-align:left;
}

.part3-con-con{
    width: 100%;
  overflow: hidden;


}

.part3-con-itemb{
width: 490px;
height: 260px;
background: url("./pic/f1.jpg") no-repeat;
float:left;
margin:5px 5px 0 5px;
}

.part3-con-item{
width: 290px;
height: 260px;
background: url("./pic/f1.jpg") no-repeat;
float:left;
margin:5px 5px 0 5px;
}

.part3-con-itemc{
width:490px;
height: 385px;
position: relative;
float:left;
margin:5px 5px 0 5px;
border-radius:4px;
}

.part3-con-itemc .part3-con-text{

position: absolute;
bottom: 0px;
}


.part3-con-itemS1 {
    position: absolute;
    width: 100%;
    height: 355px;
    transition: all 1s;
    border-radius:4px;
}
    .part3-con-itemS2 {    
    position: absolute;
    width: 100%;
    height: 355px;
    transition: all 1s;
    border-radius:4px;
}
.part3-con-itemS3{    
    position: absolute;
    width: 100%;
    height: 355px;

    opacity: 1;
    transition: all 3s;
    border-radius:4px;
}

.part3-con-sitem{
width: 240px;
height: 190px;
float:left;
margin:5px 5px 0 5px;
border-radius:4px;
position: relative;
}

.part3-con-pic{
width: 100%;
height:160px;
background: url("./pic/f1.jpg") no-repeat;

}
.part3-con-text{

  font-size:20px;  
  line-height: 30px;text-align: left;
}

.part3-con-jp{

  width: 75px;
  height:40px; 
  border-top-right-radius: 10px;
  background:rgba(251,91,104,0.9); 
  position: absolute;
  bottom:30px;
  line-height: 40px;
  color:white;
  font-size:20px;
}

.cil-img{
height:64px;
border-radius: 32px;
float: left;
transition: all 1s linear;
}
 

.con-head-til{
line-height: 64px;
float:left;
padding-left: 10px;
font-size: 20px;
}
.head-more{
line-height: 64px;
float: right;
}
.title-con{
    display: inline-block;
    overflow: hidden;
}
.title-con:hover .cil-img{

-webkit-animation: mymove 2s;

}

@-webkit-keyframes mymove{

50%{
transform:scaleX(-1);
}
100%{
transform:scaleX(1);
}
}

.part3-qm-con{
    width: 1200px;
    border-top:solid 1px #bdbdbd;
        border-bottom:solid 1px #bdbdbd;
    margin:0 auto;
}
.part3-qm-con-bd{
    width: 1200px;
    border:solid 5px #fdfdfd;
    margin:0 auto;
    background: rgb(250,250,245);
}
.y-roller-wrapper{
width: 97%;
height:500px;
overflow: hidden;
margin:0 auto;
}
.y-roller{

    width:500%; 
    height:100%;
}
.y-roller-swrapper{

    width: 20%;
    height:100%;
    float: left;
}

.y-roller-item{

width:380px;
height: 440px;
float:left;

margin-left:5px; 
margin-top:22px; 

}
.m1{
    background: url("./pic/m1.jpg") no-repeat;
}

.m2{
    background: url("./pic/m2.jpg") no-repeat;
}

.m3{
    background: url("./pic/m3.jpg") no-repeat;
}

h1{
    height: 50px;
    color:red;
    font-size:46px;
    font-weight: 600;
    line-height: 50px;
}
.part3-qm-con-bd p{
width: 1000px;
margin: 0 auto;
    text-align: left;
    white-space:10px;
}

.fc-con{

    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    background:rgb(236,236,236);
}


.fc-right-text {

    float:right;
    width: 280px;
}
.fc-right-text h2,h3,p{
text-align: left;
margin-left:10px; 
margin-top:30px;
}

.fc-right-text h2{
font-size: 20px;
}
.fc-right-text h3{
font-size: 22px;
color:red;
}

.bmid-navi-wrapper{

width: 100%;
height: 100%;
position: fixed;
top:0px;
background: none;
opacity: 0.7;
display: none;
}

.bmid-navi{
width: 600px;
height:600px;
margin: 0 auto;
background: white;
border-radius: 30px;
margin-top:100px;
opacity: 1;
}

.fc-cons{
width: 100%;
overflow: hidden;
margin-top: 10px;
}

.fc-sitem{
width: 240px;
height:200px;
float:left;
margin-left: 3px;
}
.fc-sitem img{
width:100%;
height: 180px;

}
.fc-con img{
float:left;
width:600px;
height: 300px;
display: inline-block;
}
.fc-bd{
    padding:10px;
    border:solid 1px red;
    float: left;
    border:solid 2px rgb(236,236,236);
}

.taitou{
height:30px;
font-size: 18px;
line-height: 30px;    
}
.taitou .f-l{
height:30px;
line-height: 30px; 
margin-left:5px; 
color: red;
}
.part-con{

    width: 100%;


}

.f-30{

    font-size:30px;
}
.f-22{

     font-size:22px; 
}

.two-show{

width: 100%;
float: left;
}
.two-show img{
width:100%;
    height:300px;
}

.part-head{
    height: 40px;
    overflow: hidden;;

}
.part-head-n{

line-height: 40px;
font-size: 22px;
color:red;
}
.part-head-t{

  margin-left:10px; 
  line-height: 40px;
    font-size: 19px;  
}

.goods{

    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}

.gs-show{

width: 320px;
height:370px;
float: left;
border:dashed 1px white;
background: white;
margin-left:5px;
}

.gs-show:hover{

border:solid 1px red;
}

.gs-in{
width: 300px;
margin: 0 auto;

}
.gs-show img{
width: 100%;
height: 300px;
margin-top:5px; 
}

.gs-show  .nm{
width: 100%;;
text-align: left;
font-size: 14px;
font-family: "Microsoft YaHei", "微软雅黑";
margin-top:3px;
}
.gs-show .pr{
width: 100%;;
text-align: left;
font-size: 18px;
margin-top:3px;
color:rgb(204,10,10);
}