@CHARSET "UTF-8";

.main_prowrap{float:left;width:100%;height:650px;
background: url("../images/serbk.png") repeat-x;
}

#main_pro {
    width: 1105px;
    margin-top:120px;
}
.bannerin-2 {
    float: left;
    width: 100%;
    height: 350px;
background: url("../images/banner3.jpg") no-repeat top;
    background-size: 100% 100%;
}

.banner-center {
    width: 1205px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.jiantou {
    width: 672px;
    height: 285px;
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    background: url(../images/banjian.png) no-repeat;
}

.jiantoutext {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 20px;
    margin-top: 210px;
}

.main-p-pianyi{float:left;width:105%;}
.sersingle{float:left;width:330px;margin-right:40px;}

.serimgk{float:left;width:330px;border-radius:50%;overflow:hidden;background:#ECEBEB;    position: relative;}

.serimg{float:left;margin-left:2%;margin-top:2%;margin-bottom:2%;width:96%;height:96%;border-radius:50%;overflow:hidden;}

.sername{transition: all 0.6s ease 0s; float:left;width:100%;text-align:center;font-size:50px;color:#545454;}
.serimgk:hover .info {
    opacity: 1;
    transform: scale(1,1);

}

.sersingle:hover .sername{color:#34B6C9;}
.info {
    background: url('../images/fdj.png') no-repeat center;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 48%;
    opacity: 0;
    transform: scale(0,0);
    z-index: 97;
    transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out;
}

.footer{margin-top:0;}

@media screen and (max-width: 1090px) { 
.sername {
    font-size: 30px;
}
.main_prowrap {
    height: 600px;
    background: url("../images/serbk.png") repeat-x;
   background-size:100% 100%;
}

#main_pro {
    margin-top: 150px;
}
.serimgk {
      width: 100%;
}

.sersingle {
    width: 30.3%;
    margin-right: 3%;
}
.main-p-pianyi {
    width: 103%;
}
}

@media screen and (max-width: 730px) { 
.main-p-pianyi {
    width: 100%;
}
#main_pro {
    margin-top: 50px;
}
.main_prowrap {
    background: #dddddd;
    background-size: 100% 100%;
}
.sername {
    font-size: 50px;
}
	.sersingle{width:100%;margin-bottom:5%;}
.main_prowrap {
    height: auto;}
}
/*             */
@media screen and (max-width: 1760px) { 
.jiantoutext {
    margin-top: 250px;
}

	.bannerin-2 {
    height: 440px;}
.jiantou {
    top: -70px;
}

}


@media screen and (max-width: 730px) { 
.jiantou {
    width: 500px;
    height: 212px;
    background: url("../images/banjian.png") no-repeat top;
    background-size: 100% 100%;
}

.jiantoutext {
    margin-top: 200px;
}

}

@media screen and (max-width:550px) { 


.jiantoutext {
    margin-top: 180px;
}
.jiantou {
    width: 450px;
    height: 191px;
    background: url("../images/banjian.png") no-repeat top;
    background-size: 100% 100%;
}

}

@media screen and (max-width:490px) { 
.jiantoutext {
    margin-top: 150px;
}
.jiantou {
    width: 400px;
    height: 170px;
    background: url("../images/banjian.png") no-repeat top;
    background-size: 100% 100%;
}

}

@media screen and (max-width:440px) {
	.bannerin-2 {
    height: 400px;}

.jiantoutext {
    margin-top: 120px;
}
.jiantou {
    width: 350px;
    height: 148px;
    background: url("../images/banjian.png") no-repeat top;
    background-size: 100% 100%;
}

}

@media screen and (max-width: 1230px){
.banner-center {
    width: 96%;
    margin-left: 2%;
}

/*             */