@charset "utf-8";
/* CSS Document */
*{padding:0px; margin:0px;}
html{font-size:62.5%;}
body{font-size:12px; font-family:'Meiryo'}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td{margin:0; padding:0; font-style:normal;}
h1,h2,h3,h4,h5,h6{list-style:none; font-weight:normal;}
input,select,button,textarea{font-size:12px; border:1px solid #e1dce3; background:none; outline:none; vertical-align:middle; resize:none;}
button{overflow:visible}
img{border:none;}
li{list-style:none;}
a{color:#555; text-decoration:none;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
a:hover{color:#f5b8d3; text-decoration:none !important;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.clear{overflow:hidden; clear:both; height:0px;}
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-track{background-color:#000;}
::-webkit-scrollbar-thumb{background-color:#aaa;}
::-webkit-scrollbar-thumb:hover{background-color:#79b133;}
::-webkit-scrollbar-thumb:active{background-color:#79b133;}
@media only screen and (max-width:992px){
input,textarea{-webkit-appearance:none; border-radius:0;}
}
/*导航*/
.header{width:100%;background-color: #f5b8d3;position:absolute;left:0;z-index:999;}
.header.on{position:fixed; top:0; box-shadow:0 0 5px #aaa;}
.header img{width:100%; height:auto; display:block;}
.header .row{position:relative;}
.header .logo{width: 259px;margin:10px auto;float:left;}
.header .an{position:absolute; top:15px; right:15px; height:14px; width:24px; display:none;}
.header .an span{width:24px;height:2px;background-color: #fff;display:block;position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:6px; left:0;}
.header .an span.a3{top:12px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:6px; width:24px;
transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:6px; width:24px;
transform:rotate(135deg);
-o-transform:rotate(135deg);
-ms-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-webkit-transform:rotate(135deg);}
.header .nav{float:right; margin-top:24px;}
.header .nav i{font-size:12px; color:#ddd; line-height:46px; text-align:right; position:absolute; width:50%; height:46px; right:15px; top:0; display:none;}
.header .nav ul li{height:74px; font-size:15px; text-align:center; float:left; position:relative;}
.header .nav ul li a.o_lm{line-height:46px;color: #fff;display:block;}
.active{ border-bottom:1px solid;}
.header .nav ul li:hover a.o_lm{color:#000; }
.header .nav .y_j{position:relative;}
.header .nav .e_j{width: 160px;background-color:#fff;position:absolute;top:74px;left:50%;margin-left:-60px;display:none;z-index:9999;}
.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}
.header .nav .e_j .e_lm a{display:block; font-size:14px; color:#555; line-height:36px;}
.header .nav .e_j .e_lm:hover a{background-color:#f5b8d3; color:#fff;}
.header .nav ul li:hover .e_j{display:block;}
.header .nav .e_j .e_lm{position:relative;}
.header .nav .e_j .e_lm em{font-size:12px; color:#aaa; line-height:36px; text-align:right; position:absolute; height:36px; right:15px; top:0; z-index:999; display:block;}
.header .nav .e_j .e_lm:hover em{color:#fff;}
.header .nav .e_j .s_j{width:120px; border-left:1px solid #fff; background-color:#f7f7f7; position:absolute; top:0; right:-100%; display:none;}
.header .nav .e_j .e_lm:hover .s_j{display:block;}
.header .nav .e_j .e_lm:hover .s_j a{background-color:#f7f7f7; color:#555;}
.header .nav .e_j .e_lm:hover .s_j a:hover{background-color:#79b133; color:#fff;}
.nav ul{ width:100%; height:auto;}
.on{ border-bottom:1px solid #fff}
@media (min-width:992px){
.header .nav ul li{padding:0 15px;}
.header .nav .e_j{display:none !important;}
.header .nav .e_j .s_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
.header .nav .e_j .e_lm:hover .s_j{display:block !important;}
}
@media (min-width:1200px){
.header .nav ul li{padding:0 20px;}
}
@media only screen and (max-width:992px){
.header{padding:10px 0; top:0;}
.header .logo{width:auto; margin:0 0 0 15px;}
.header .logo img{width:auto; height:44px;}
.header .hd{display:none;}
.header .xz{display:none;}
.header .zy{margin:0; position:absolute; right:45px; top:10px; font-size:12px; line-height:14px;}
.header .an{display:block;}
.header .nav{width:50%; padding:15px 5%; background-color:#000; height:100%; position:fixed; margin:0; top:0; left:-50%; overflow:auto;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .nav.on{left:0;}
.header .nav i{display:block;}
.header .nav ul li{width:100%; height:auto; font-size:14px; text-align:left; border-bottom:1px solid #444; float:none; margin-right:0;}
.header .nav ul li a.o_lm{color:#ddd;}
.header .nav ul li:hover a.o_lm{color:#ddd; border-bottom:0;}
.header .nav ul li.on a.o_lm{background:none; color:#fff;}
.header .nav .e_j{width:100%; border-top:1px solid #444; background:none; position:relative; top:auto; left:auto; margin:0; padding-bottom:10px;}
.header .nav .e_j .e_lm a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}
.header .nav .e_j .e_lm:hover a{background:none;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav .e_j .e_lm em{color:#ddd; line-height:32px; text-align:right; width:50%; height:32px;}
.header .nav .e_j .e_lm:hover em{color:#fff;}
.header .nav .e_j .s_j{width:100%; border-top:1px solid #444; border-bottom:1px solid #444; border-left:0; background:none; position:relative; display:none; top:auto; right:auto; margin-bottom:10px;}
.header .nav .e_j .e_lm:hover .s_j{display:none;}
.header .nav .e_j .e_lm:hover .s_j a{background:none; color:#aaa;}
.header .nav .e_j .e_lm:hover .s_j a:hover{background:none;}
}
.head_h{width:100%; height:97px; background-color:#fff;}
@media only screen and (max-width:992px){
.head_h{height:64px;}
}


/*轮播图*/
.sy_ban{width:100%; height:650px; position:relative;}
.sy_ban .top-content{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    text-align: center;
    padding-top: 10%;
    font-size: 3rem;
}
.top-content .details{
    font-size: 2rem;
}
.sy_ban .swiper-button-prev{background:url(../images/banner-l.png) no-repeat;width: 62px;height: 108px;left: 140px;margin-top:-15px;background-size: 62px 108px;-webkit-background-size: 62px 108px;-moz-background-size: 62px 108px;-ms-background-size: 62px 108px;-o-background-size: 62px 108px;}
.sy_ban .swiper-button-next{background:url(../images/banner-r.png) no-repeat;width: 62px;height: 108px;right: 142px;margin-top:-15px;background-size: 62px 108px;-webkit-background-size: 62px 108px;-moz-background-size: 62px 108px;-ms-background-size: 62px 108px;-o-background-size: 62px 108px;}
.sy_ban .swiper-slide {
    font-size: 40px;
}

.top-img{
    height: 100%;
}

.swiper-slide span {
    display: block;
    font-size: 60px;
    font-weight: normal;
}

.swiper-slide span img{
    width: 40%;    
}

@media only screen and (max-width:992px){
    .sy_ban{height:15rem;}
    .sy_ban .swiper-button-next,
    .sy_ban .swiper-button-prev,
    .swiper-pagination{display:none;}

    .sy_ban .top-content{
        padding-top: 2%;
        font-size: 2.4rem;
    }
    .top-content .details{
        margin-top: 5px;
        display: none
    }
    
    .swiper-slide span img{
        width: 20%;    
    }

}


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

    .sy_ban .top-content{
        padding-top: 0%;
        font-size: 1.8rem;
    }
    .swiper-slide span img{
        width: 30%;    
    }
}
@media only screen and (max-width:320px){
    .sy_ban{height:12rem;}

    .sy_ban a{
        padding-top: 0%;
    }
}

/*首页服务*/
.syfw{
    width: 100%;
    height:  165px;
}
.fwbt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #f3accb;
    padding-top: 3%;
}
.fwbt p{ font-size:16px; color:#666666;}
.fwbt span{
    color: #000;
    margin: 0 5px;
}
.fwbt a{ width:148px;}
.fwbt a:hover{width:165px;}
.fw2{width:100%;height:auto;background:url(../images/fw.png) top center no-repeat;padding: 41px 0 59px;float:  left;overflow:  hidden;}
.fwli1{
    width:  100%;
    height: 400px;
    background: rgba(255,255,255,.9);
    padding: 83px 32px 52px;
    text-align:  center;
    border-radius: 10px;
    float:  left;
    position:  relative;
}

.fwli1 img{transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}
.fwli1 img:hover{

transform: rotate(360deg);

}
.fwli1 p{
    margin-top: 35px;
    width: 100%;
    text-align:  center;
    margin: 35px auto;
    font-size: 16px;
}
.fwli2{
    position:  absolute;
    bottom: 50px;
    width: 80%;
}
.fwli2 p{
    width: 100%;
    border-bottom:  1px solid;
    font-size:  20px;
    font-weight:  bold;
    margin: auto;
    margin-bottom: 15px;
    cursor:pointer;
    transition:all .5s;
    -moz-transition: all .5s; /* Firefox 4 */
    -webkit-transition:all .5s; /* Safari 和 Chrome */
    -o-transition: all .5s; /* Opera */
}
.fwli2 p:hover{
    width:100%;
    border-bottom:  1px solid;
    font-size:  20px;
    font-weight:  bold;
    margin: auto;
    margin-bottom: 15px;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
@media only screen and (max-width:992px){
    .fwli1{
        width:  100%;
        height: 266px;
        background: rgba(255,255,255,.9);
        padding: 10px;
        text-align:  center;
        border-radius: 10px;
        float:  left;
        margin-top: 10px;
        position:  relative;
    }
    .fwli1 p{
        margin-top: 35px;
        width: 80%;
        text-align:  center;
        margin: 7px auto;
        font-size: 13px;
    }
    .fwli2{
        position:  absolute;
        bottom: 20px;
        width: 90%;
    }
    .fwli2 p{
        width: 100%;
        border-bottom:  1px solid;
        font-size: 15px;
        font-weight:  bold;
        margin: auto;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width:640px){
.syfw{
    width: 100%;
    height: 105px;
    padding-top: 5%;
}
.fwbt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #f3accb;
}
.fwbt p{ font-size:16px; color:#666666;}
.fwbt span{
    color: #000;
    margin: 0 5px;
}
.fwbt a{ width:148px;}
.fwbt a:hover{width:165px;}
.fw2{width:100%;height:auto;background:url(../images/fw.png) top center no-repeat;padding: 10px 0 59px;float:  left;overflow:  hidden;background-size: cover;}
.fwli1{
    width:  100%;
    height: 266px;
    background: rgba(255,255,255,.9);
    padding: 10px;
    text-align:  center;
    border-radius: 10px;
    float:  left;
    margin-top: 10px;
    position:  relative;
}
.fwli1 p{
    margin-top: 35px;
    width: 80%;
    text-align:  center;
    margin: 7px auto;
    font-size: 13px;
}
.fwli2{
    position:  absolute;
    bottom: 20px;
    width: 90%;
}
.fwli2 p{
    width: 100%;
    border-bottom:  1px solid;
    font-size: 15px;
    font-weight:  bold;
    margin: auto;
    margin-bottom: 15px;
}
}

/*首页案例*/
.syal{
    width: 100%;
    height:  165px;
}
.albt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #f3accb;
}
.albt p{ font-size:16px; color:#666666;}
.albt span{
    color: #000;
    margin: 0 5px;
}
.albt a{ width:148px;}
.albt a:hover{width:165px;}
.al{ width:100%; height:auto; text-align:left;margin-bottom: 23px; border:1px solid #fff;}
.al:hover{ }
.al img{ width:100%; height:auto;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.al img:hover{  transform:scale(1.1);}
.al2 p{
    width:  100%;
    font-size: 16px;
    color: #333333;
    height: 55px;
    line-height: 55px;
    border-bottom: 1px solid #999999;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.al2{
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

@media only screen and (max-width:640px){
.syal{
    width: 100%;
    height: 105px;
    padding-top: 5%;
}
.albt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #f3accb;
}
.albt p{ font-size:16px; color:#666666;}
.albt span{
    color: #000;
    margin: 0 5px;
}
.albt a{ width:148px;}
.albt a:hover{width:165px;}
}

/*优势*/
.syys{width:100%;height:auto;float:left;background:url(../images/ys.jpg) no-repeat;padding: 37px 0 101px;overflow:  hidden; margin-top:100px}
.ysbt{ width:100%; height:80px; line-height:80px; text-align:center; color:#fff;}
.ysbt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #fff;
}
.ysbt p{font-size:16px;color: #fff;}
.ysbt span{
    color: #fff;
    margin: 0 5px;
}
.ys1{
    width: 130px;
    float:  left;
    height: 130px;
    border: 2px solid #fff;
    border-radius: 50%;
    text-align:  center;
    line-height: 120px;
    color:  #fff;
    font-size: 50px;
    margin-left: 8%;
    margin-top: 25px;
}
.ys1 p{font-size: 18px;}

@media only screen and (max-width:640px){
.syys{width:100%;height:auto;float:left;background: url(../images/ys.jpg) no-repeat center top;padding: 37px 0 101px;overflow:  hidden;margin-top:100px;background-size: cover;}
.ysbt{ width:100%; height:80px; line-height:80px; text-align:center; color:#fff;}
.ysbt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #fff;
}
.ysbt p{font-size:16px;color: #fff;}
.ysbt span{
    color: #fff;
    margin: 0 5px;
}
.ys1{
	width: 160px;
	float:  left;
	height: 160px;
	border: 2px solid #fff;
	border-radius: 50%;
	text-align:  center;
	color:  #fff;
	font-size: 41px;
	margin-left: 8%;
	line-height: 75px;
	margin: auto;
	margin-top: 20px;
}
.ys1 p{font-size: 14px;}
}

/*首页关于我们*/
.syab{height:auto; padding:120px 0; overflow:hidden;}
.syab img{ width:100%;}
.ab1{}
.ab2{ padding-top:80px;}
.abbt{
    font-size:  16px;
    color: #666666;
}
.abbt p{
    width: 40%;
    font-size:  24px;
    border-bottom: 2px solid #f3accb;
}
.abzw{
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 25px;
}
.ab2 a{
    width:  160px;
    height:  40px;
    display:  block;
    background: #f3accb;
    text-align:  center;
    line-height:  40px;
    color:  #fff;
    font-size:  16px;
    border-radius: 10px;
    margin-top: 25px;
}
.ab2 a:hover{
    width:  160px;
    height:  40px;
    display:  block;
    background: #fff;
	border:1px solid #f3accb;
    text-align:  center;
    line-height:  40px;
    font-size:  16px;
    border-radius: 10px;
    margin-top: 25px;
	color:#f3accb
}

@media only screen and (max-width:640px){
.syab{height:auto;padding: 20px 0;overflow:hidden;}
.syab img{ width:100%;}
.ab1{}
.ab2{padding-top: 10px;}
.abbt{
    font-size: 14px;
    color: #666666;
    text-align:  center;
}
.abbt p{
    width: 20%;
    font-size: 18px;
    margin:  auto;
    border-bottom: 2px solid #f3accb;
}
.abzw{
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    margin-top: 25px;
}
.ab2 a{
    width: 120px;
    height:  40px;
    display:  block;
    background: #f3accb;
    text-align:  center;
    line-height:  40px;
    color:  #fff;
    font-size: 14px;
    border-radius: 10px;
    margin-top: 25px;
    margin: auto;
}
}
/*首页留言*/
.syly{ width:100%; height:auto; background:url(../images/syly.jpg) no-repeat top center; background-size:cover; padding:50px 0px;}
.ly{ width:100%; height:auto; background:rgba(242,181,208,.8); padding:51px 0 59px;}
.ly1{
    font-size:  24px;
    margin: auto;
    text-align: center;
}
.ly1 input{
    width: 100%;
    height:  45px;
    background: #fff;
    margin-top: 20px;
    padding-left: 20px;
    font-size: 15px;
}
.ly1 textarea{
    width: 100%;
    height: 80px;
    background: #fff;
    margin-top: 20px;
    padding-left: 20px;
    font-size: 15px;
}
.ly1 button{
    width:  120px;
    height:  32px;
    background:  #fff;
    border-radius: 5px;
    line-height:  32px;
    color: #666666;
    text-align:  center;
    font-size: 15px;
    margin-top: 15px;
	cursor:pointer;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.ly1 button:hover{
    width:  120px;
    height:  32px;
    background:  #f2b5d0;
    border-radius: 5px;
    line-height:  32px;
    color: #fff;
    text-align:  center;
    font-size: 15px;
    margin-top: 15px;
	cursor:pointer;
}

.ly2{font-size:  24px;padding-right: 140px;}
.ly3{
    width:  100%;
    height:  90px;
    line-height:  90px;
    background: #fff;
    text-align:  center;
    margin-bottom: 13px;
}
.ly2 .row{ margin-top:20px;}
@media only screen and (max-width:640px){
.syly{width:100%;height:auto;background: url(../images/syly.jpg) no-repeat top left;background-size:cover;padding: 0;}
.ly{ width:100%; height:auto; background:rgba(242,181,208,.8); padding:51px 0 59px;}
.ly1{
    font-size:  24px;
    padding-left: 0;
    text-align:  center;
}
.ly1 input{
    width: 320px;
    height:  45px;
    background: #fff;



    margin-top: 20px;
    padding-left: 20px;
    font-size: 15px;
}
.ly1 textarea{
    width: 320px;
    height: 80px;
    background: #fff;
    margin-top: 20px;
    padding-left: 20px;
    font-size: 15px;
}
.ly1 button{
    width:  120px;
    height:  32px;
    background:  #fff;
    border-radius: 5px;
    line-height:  32px;
    color: #666666;
    text-align:  center;
    font-size: 15px;
    margin-top: 15px;
	cursor:pointer;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.ly1 button:hover{
    width:  120px;
    height:  32px;
    background:  #f2b5d0;
    border-radius: 5px;
    line-height:  32px;
    color: #fff;
    text-align:  center;
    font-size: 15px;
    margin-top: 15px;
	cursor:pointer;
}

.ly2{font-size:  24px;padding-right: 0;text-align:  center;margin-top: 30px;}
.ly3{
    width: 80%;
    height:  90px;
    line-height:  90px;
    background: #fff;
    text-align:  center;
    margin-bottom: 20px;
    margin:  auto;
}
.ly2 .row{ margin-top:20px;}
}

/*联系我们*/
.sylx{
    width: 100%;
    height:  auto;
}
.lxbt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #f3accb;
    padding-top: 3%;
}
.lxbt p{ font-size:16px; color:#666666;}
.lxbt span{
    color: #000;
    margin: 0 5px;
}
.lxbt a{ width:148px;}
.lxbt a:hover{width:165px;}
.lxmap img{ max-width:100%;}

@media only screen and (max-width:640px){
.sylx{
    width: 100%;
    height: auto;
	padding-top:5%;
}
.lxbt{
    width:  100%;
    height: 100%;
    line-height: 25px;
    text-align:  center;
    font-size:  24px;
    color: #f3accb;
}
.lxbt p{ font-size:16px; color:#666666;}
.lxbt span{
    color: #000;
    margin: 0 5px;
}
.lxbt a{ width:148px;}
.lxbt a:hover{width:165px;}
}

/*底部*/
.ft{width:100%;height:auto;float:left;overflow:hidden;background:#f2b5d0;padding:30px 0 40px;text-align:  center;color: #fff;}
.ddh a{
    color:  #fff;
    font-size:  16px;
    margin: 0 20px;
}
.ft p{
    margin-top: 30px;
    font-size: 16px;
}
/*内页大图*/
.nb{ width:100%; height:300px; background-size:cover;}
.nm{ padding:60px 0;}
.nbz{text-align:center;padding-top: 100px;font-size: 40px;}
.nbz p{
    width:40%;
    margin:  auto;
    border-bottom: 2px solid #f5b8d3;
}

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

    .nbz p{
        width:60%;
        margin:  auto;
        border-bottom: 2px solid #f5b8d3;
    }
}


@media only screen and (max-width:640px){
.nb{ width:100%; height:300px; background-size:cover;}
.nbz{text-align:center;padding-top: 100px;font-size: 35px;}
.nbz p{
    width: 60%;
    margin:  auto;
    border-bottom: 2px solid #f5b8d3;
}
}
.cpli{
    padding: 0px;
    margin: 1% 0;
	height:200px;
}
@media only screen and (max-width:640px){
.cpli{
    padding: 0px;
    margin: 5% 0;
    height:400px;
}
.cpli:nth-child(1){margin-top: 50px;}
}
.cpliimg{
    width:  100%;
    float:  left;
    padding: 0px;
}
.cpliimg img{
    width: 100%;
}
.cplinr{
    width: 100%;
    height: auto;
    overflow:  hidden;
    line-height:37px;
    font-size: 16px;
    overflow: hidden;
    display:-webkit-box;
    line-clamp:2;
    -webkit-line-clamp: 4;
    -moz-line-clamp:2;
    -ms-line-clamp:2;
    -o-line-clamp:2;
    -webkit-box-orient: vertical;
}
.cplinr span{
    font-size: 24px;
}
.cpxq{width:100%;height:30px;border:1px solid;float: right;display:  block;padding:  0px;text-align:  center;line-height: 30px;color: #f5b8d3!important;border-radius: 10px;font-size: 16px; cursor:pointer}
.cpxq:hover{width:100%;height:30px;border:1px solid;float: right;display:  block;padding:  0px;text-align:  center;line-height: 30px;color: #fff!important;border-radius: 10px;font-size: 16px; background:#f5b8d3;}


.line_table{
    margin: 15px;
}

.abbt2{ width:100%; height:60px; line-height:60px; font-size:26px; color:#f5b8d3; border-bottom:1px solid #f5b8d3; margin-bottom:50px;}
.table_list{
    width:100%;
    padding-left:3%;
    font-size: 20px;
    line-height: 25px;
    margin-bottom:20px;

    }
.table_title{
    border-bottom: rgb(165, 165, 165) 1px solid;
    font-weight : 600;
    
}
.table_content{
    border-bottom: rgb(165, 165, 165) 1px solid
}

.txt-content{width:100%; font-size: 20px;line-height: 35px;margin-bottom:30px;}

.jt{width:100%;background:url(../images/jt.jpg) top left no-repeat;padding-left:3%;font-size: 20px;line-height: 35px;margin-bottom:30px;}
.jt2{width:100%;background:url(../images/jt.jpg) top left no-repeat;padding-left:6%;font-size: 20px;line-height: 30px; margin-bottom:30px}
.jt p{ padding:0}


.prf-img{
    width: 120px;
    height: 160px;
    margin: 10px;
}

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

    .table_title{border-bottom: none}
}


@media only screen and (max-width:640px){
.abbt{ width:100%; height:60px; line-height:60px; font-size:26px; color:#f5b8d3; border-bottom:1px solid #f5b8d3; margin-bottom:50px;}

.jt{width:100%;background:url(../images/jt.jpg) top left no-repeat;padding-left:10%;font-size: 18px;line-height: 35px;margin-bottom:30px;}
.jt2{width:100%;background:url(../images/jt.jpg) top left no-repeat;padding-left:6%;font-size: 20px;line-height: 30px; margin-bottom:30px}
.nm{padding: 30px 10px;}
}
.fz{font-size: 20px;line-height: 40px; margin-bottom:40px;}
.fz img{margin: 0 40px;}
.join{
    width:  100%;
    height:  auto;
    text-align:  center;
    float:  left;
}
.join a{
    width: 60%;
    height:  45px;
    display:  block;
    background: #f5b8d3;
    line-height:  45px;
    color:  #fff;
    font-size: 16px;
    margin: 20px 0;
}
.join a:hover{
    width:  100%;
    height:  45px;
    display:  block;
    background: #fff;
    line-height:  45px;
    color:  #f5b8d3;
    font-size: 16px;
	border:1px solid #f5b8d3
}

.zm{
    width:  100%;
    height:  45px;
    line-height:  45px;
    text-align: left;
    color: #f5b8d3;
    float:  left;
    font-size: 16px;
    margin-bottom:50px;
    margin: 20px 0;
}
@media only screen and (max-width:640px){
.fz{font-size: 20px;line-height: 40px; margin-bottom:40px;}
.fz img{margin: 0 5px;}
.join{
    width:  100%;
    height:  auto;
    text-align:  center;
    float:  left;
    margin: 20px 0;
}
.join a{
    width: 100%;
    height:  45px;
    display:  block;
    background: #f5b8d3;
    line-height:  45px;
    color:  #fff;
    font-size: 16px;
}
.join a:hover{
    width:  100%;
    height:  45px;
    display:  block;
    background: #fff;
    line-height:  45px;
    color:  #f5b8d3;
    font-size: 16px;
	border:1px solid #f5b8d3
}

.zm{
    width:  100%;
    height:  45px;
    line-height:  45px;
    text-align:  center;
    color: #f5b8d3;
    float:  left;
    font-size: 16px;
    margin: 20px 0;
}
}

.lx{
    padding-top:60px;
    padding-bottom:50px
}
.jt2{
    width:100%;
    background:url(../images/jt.jpg) top left no-repeat;
    padding-left:3%;
    font-size: 20px;
    line-height:40px;
    margin-bottom:30px
}
.jt3{
    width:100%;
    padding-left:3%;
    font-size: 20px;
    line-height:40px;
    margin-bottom:30px
}
.xp{ display:none;}
.jt3 i{color:#f5b8d3;font-size: 20px;margin-right: 10px;}
@media only screen and (max-width:640px){
.jt2{width:100%;background:url(../images/jt.jpg) top left no-repeat;padding-left:10%;font-size: 20px;line-height:40px; margin-bottom:30px}
.dp{ display:none;}
.xp{ display:block;}
}
.jt4{ background:url(../images/jt.jpg) top left no-repeat;padding-left:3%;font-size: 20px;line-height:40px; margin-bottom:30px}
@media only screen and (max-width:640px){
.jt4{background:url(../images/jt.jpg) top left no-repeat;padding-left:10%;font-size: 20px;line-height:40px;margin-bottom:30px;}
}
.jt4 li{ font-size:14px;}
.jt4 p{ font-size:14px;}
.ys{ color:#f5b8d3; }

.jt3 img{ width:100%; height:auto;
transition:all .5s ;
-moz-transition: all .5s; /* Firefox 4 */
-webkit-transition:all .5s; /* Safari 和 Chrome */
-o-transition: all .5s; /* Opera */
}
.jt3 img:hover{  transform:scale(1.1);}