@font-face {
  font-family: 'REGULAR';
  src: url('./SOURCEHANSANSCN-REGULAR.OTF');
}
@font-face {
  font-family: 'BOLD';
  src: url('./SOURCEHANSANSCN-BOLD.OTF');
}
@font-face {
  font-family: 'LIGHT';
  src: url('./SOURCEHANSANSCN-LIGHT.OTF');
}
@font-face {
  font-family: 'AlimamaFangYuanTiVF-Thin';
  src: url('./AlimamaFangYuanTiVF-Thin.woff');
}

@font-face { 
  font-family: 'DIN-Bold';
  src: url('./DIN-Bold.otf');
}

html {
   scroll-padding-top: 120px;
}
*{margin:0;padding:0;} 
h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;}
li{list-style-type: none;}
a{text-decoration:none;color:#1e1e1e;}
body{min-width:1200px;max-width:1920px; margin: 0 auto;font-family: 'REGULAR'; color:#1e1e1e;font-size: 18px;}
img{ border:0;}
.clear{clear:both;}
.no{display:none;}  
.img{display: block;width:100%;}
.box{width:1200px;margin:0 auto;}
.box1{width:72.91667%;min-width:1200px;margin:0 auto;}
.over{overflow: hidden}
.fl{float: left}
.fr{float: right}
.border{box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box;}
.swiper{ margin: 0;}
.swiper-button-prev,.swiper-button-next{outline: none;margin: 0;}
.cg{font-family: 'REGULAR';}
.ct{font-family: 'BOLD';}
.xt{font-family: 'LIGHT';}
.dinb{font-family: 'DIN-Bold';}
.almm{font-family: 'AlimamaFangYuanTiVF-Thin';}

.almmb{font-weight: 800;}
.wr{writing-mode: vertical-rl;writing-mode: tb-rl;}
.wl{writing-mode: vertical-lr; writing-mode: tb-lr;}
.dx{text-transform : uppercase} 
.xx{text-transform : lowercase}
.sdx{text-transform : capitalize}

.ht_img img{cursor: pointer; transition: all 0.6s;}
.ht_img:hover img{transform: scale(1.06);}

/* 首页 */
header{width: 100%;background: #fff; position:fixed;top:0;left:0;z-index: 999;}
header .box1{height: 120px;}
header .box1 .hl .logo{display: block;height: 78px}
header .box1 .hl h3{font-size: 18px;line-height: 22px;color: #666666;margin-left: 12px;}
header .box1 nav{width: 42%;padding-left: 3%}
header .box1 nav a:hover,header .box1 nav a.active{font-family: 'BOLD';color: #ef8899}
header .phone{font-size: 20px;height: 36px;border-radius: 18px;padding: 0 15px; background-image: linear-gradient(107deg, #fd99a9 50%, #ef8899);}
header .phone img{margin-right: 5px;}

.banner{width:100%;height: 550px;margin-top: 120px;}


.sy_banner{margin-top: 100px;}
.sy_banner .swiper-pagination{bottom: 30px;}
.sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background: #fff;opacity: 1;  width: 10px;height: 10px;}
.sy_banner .swiper-pagination-bullet-active{background: #ef8899 !important}

/* .sy_banner .swiper-pagination span{line-height: 999px;overflow: hidden;box-sizing: border-box;background:#fff;opacity: 1;box-shadow: 0 3px 5px rgba(73, 73, 73, 0.35);  width: 15px;height: 15px;}
.sy_banner .swiper-pagination-bullet-active{background: #aeba62 !important;box-shadow: none !important;}
 */
.cor{color: #f26980}
.cor1{color: #ef8899}
.cor2{color: #ffffff}

/* 内容 */
.title{padding: 90px 0 45px;}
.title h5{font-size: 64px;line-height: 60px;font-weight: 100; color: rgba(239, 136, 153, 0.5);margin-bottom: -30px;}
.title h3{font-size: 38px;line-height: 40px;}
.title h4{font-size: 30px;line-height: 36px; color: #797979;margin-top: 12px;}

.ht1{padding-bottom: 100px;}
.ht10{height: 470px}
.ht11{width: 48.928%;height: 382px;padding: 65px 3% 0; background: url(../images/ht1.jpg) no-repeat center;border-radius: 20px 0 0 20px}
.ht111{height: 120px;-webkit-line-clamp: 4; line-height: 30px;color: #666666}
.ht11 a{width: 150px;height: 40px;border-radius: 20px;background:#ef8899;font-size: 20px;color: #fff;margin-top: 75px;}
.ht12{width: 52.428%;height: 470px; border-radius: 20px;bottom: 0;right: 0 }
.ht12 img{height: 100%;}

.ht2{width: 100%;height: 1139px;padding-top: 70px; background: url(../images/ht2.jpg) no-repeat center}
.ht21 ul li{margin: 0 7% 40px;}
.ht21 ul li a{width: 238px;height: 75px; padding:  0 30px; line-height: 75px;background: url(../images/ht20.png) no-repeat center; font-size: 20px;color: #ed7a8e}
.ht21 ul li.active a{background: url(../images/ht20_.png) no-repeat center;font-size: 26px;color: #fff}
.ht220{background:#fff;height: 474px; border-radius: 20px;}
.ht22_img{display: block;width: 100%;padding-bottom: 100%;position: relative}
.ht22_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ht22_tit{font-size: 20px;line-height: 24px;height: 24px;margin:30px 0 20px; color: #666666}
.ht22_more{width: 172px;height: 46px;border-radius: 23px;background: #ef8899; color: #fff;margin: 0 auto;}
.ht220:hover{background: #ef8899;}
.ht220:hover .ht22_tit{color: #fff}
.ht220:hover .ht22_more{background: #fff;color: #ef8899}
.ht23{width: 272px;height: 109px;background: url(../images/ht230.png) no-repeat center;padding: 12px 23px 36px 23px;margin: 48px auto 0;font-size: 22px;color: #f06179 !important}
.ht23 img{margin-left: 12px;}

.ht20{width: 100%;padding: 100px 0 130px;}
.ht25{height: 707px;padding-top: 60px; background: url(../images/ht25.png) no-repeat center;}
.ht253{display: block;top: 130px;right: 0}
.ht254{display: block;bottom: -33px;right: 0}
.ht251{width: 51.1428%;border-radius: 20px;}
.ht252{width: 33.142%;margin-left: 3.57%;border-bottom: 1px solid #ef8899;padding-bottom: 20px;font-size: 22px;line-height: 30px;margin-bottom: 94px;}
.ht25 .anniu{bottom: 265px;right: 0;width: 18.57%;}
.ht25 .swiper-button-prev{width: 40px;height: 40px;background: url(../images/a3p.png) no-repeat center;position: static;margin-right: 8px}
.ht25 .swiper-button-next{width: 40px;height: 40px;background: url(../images/a3n.png) no-repeat center;position: static;}
.ht25 .swiper-button-next::after,.ht25 .swiper-button-prev::after{display: none}

.ht26{width: 100%;height: 444px;border-radius: 50px; background: url(../images/ht26.jpg) no-repeat center;}
.ht26 h3{font-size: 38px;line-height: 54px;}
.ht26 h4{font-size: 30px;line-height: 43px;margin-top: 32px;}

.ht3{width: 100%;background: url(../images/ht3.jpg) no-repeat center bottom;background-size: 100%;padding-bottom: 340px;}
.ht31 .mySwiper{width: 1124px;overflow:visible;}
.ht312{width: 974px;height: 560px;padding: 100px 70px 0 595px;border-radius: 20px; background-image: linear-gradient(to right, #ffaebb, #ef8899, #ffaebb, #ef8899);}
.ht312 h5{font-size: 24px;line-height: 30px;}
.ht312 .line{width: 30px;height: 4px;background: url(../images/ht310.png) no-repeat center;margin: 25px 0 43px;}
.ht312 p{font-size: 18px;line-height: 28px;}

.ht311{width: 700px;height: 488px;border-radius: 20px;top:0;bottom: 0;left: 0;margin:auto;}
.ht31 .anniu{bottom: 104px;left: 748px;z-index: 9}
.ht31 .swiper-button-prev{width: 40px;height: 40px;background: url(../images/ht31p.png) no-repeat center;position: static;margin-right: 8px}
.ht31 .swiper-button-next{width: 40px;height: 40px;background: url(../images/ht31n.png) no-repeat center;position: static;}
.ht31 .swiper-button-next::after,.ht31 .swiper-button-prev::after{display: none}
.ht32{margin-top: 100px;}
.ht32 ul li{width: 19.5%;border-radius: 20px;}
.ht321{width: 100%;height: 100%;background: rgba(238, 90, 114, 0.8);top: 0;left: 0;font-size: 22px;letter-spacing: 1px;}
.ht32 ul li.active .ht321{display: flex}

.ht330{width: 100%; background:#fdf3f5;color: #666666;border-radius: 20px;padding: 40px 5% 35px;}
.ht33_img{width: 100%;height: 306px;}
.ht33_img img{max-width: 100%;max-height:100% }
.ht33_tit{font-size: 18px;height: 24px;line-height: 24px;margin:  30px 0 0;padding: 0 5%;}
.ht330:hover{background: #ef8899;color: #fff}

.ht34{width: 100%;height: 660px;background: url(../images/ht34.jpg) no-repeat center}
.ht341{width: 25.5%;margin-top: 180px;}
.ht341 h5{font-size: 24px;line-height: 40px;}
.ht341 p{line-height: 28px;margin-top: 55px; padding: 18px 0;border-top: 1px dashed rgba(255, 255, 255, 0.45);border-bottom: 1px dashed rgba(255, 255, 255, 0.45)}
.ht342{width: 62%;height: 560px; background: #e5e5e5; border-radius: 20px;}
.ht34 .anniu{bottom: 50px;left: 0;z-index: 9}
.ht34 .swiper-button-prev{width: 40px;height: 40px;background: url(../images/ht31p.png) no-repeat center;position: static;margin-right: 8px}
.ht34 .swiper-button-next{width: 40px;height: 40px;background: url(../images/ht31n.png) no-repeat center;position: static;}
.ht34 .swiper-button-next::after,.ht34 .swiper-button-prev::after{display: none}

.ht35{height: 450px;padding: 80px 8% 0;margin: 100px auto 80px; background: url(../images/ht35.jpg) no-repeat center;border-radius: 20px;}
.ht35 h3{font-size: 42px;}
.ht35 h4{font-size: 34px;margin-top: 22px;}
.ht35 p{font-size: 22px;line-height: 32px;margin-top: 50px;}

.ht4{width: 100%;height: 4279px;background: url(../images/ht4.jpg) no-repeat center}
.ht40{background:#fdf3f5;border-radius: 20px;padding: 20px;}
.ht41 ul li{border-radius: 20px;background:#fff;color: #666666}
.ht412{height: 90px;font-size: 20px;}
.ht41 ul li.active{background:#ef8899;color: #fff}

.ht42 ul li{width: 32.3529%;height: 480px;margin-bottom: 20px; border-radius: 20px;background: #fff;}
.ht422{padding-top: 30px;}
.ht422 h5{line-height: 52px;background: url(../images/hz10.png) no-repeat center;font-size: 20px;color: #666666;}
.ht422 a{width: 172px;height: 46px;border-radius: 23px;background: #ef8899;font-size: 20px;color: #fff;margin: 40px auto 0;}
.ht42 ul li.active{background:#ef8899;}
.ht42 ul li.active .ht422 h5{background: url(../images/hz10_.png) no-repeat center;color: #fff}
.ht42 ul li.active .ht422 a{background:#fff7db;color: #ec7387}

.ht43 ul li{border-radius: 20px;height: 280px; background: #fff;}
.ht431{width: 50%}
.ht432{width: 50%;padding-left: 95px;}
.ht432 p{font-size: 20px;line-height: 30px;color: #666666}
.ht432 h6{font-size: 148px;line-height: 280px; position: absolute;top: 0;right: 10px;opacity: 0.1;}

.ht45 ul li{width: 198px;height: 198px;background: url(../images/ht430.png) no-repeat center;}
.ht45 ul li h5{font-size: 20px;margin-top: 15px;}
.ht45 ul li.active{background: url(../images/ht430_.png) no-repeat center;}

.ht46{height: 360px;margin-top: 100px; background: url(../images/ht46.jpg) no-repeat center;border-radius: 20px;}
.ht46 h3{font-size: 42px;}
.ht461{display: inline-flex;padding: 0 40px;height: 54px;border-radius: 27px;background: #fff;margin: 35px 0 60px; font-size: 22px;}
.ht461 p span{font-size: 26px;}
.ht5{padding-bottom: 80px;}
.ht51 .mySwiper{padding: 20px 0;}
.ht510{border-radius: 20px;box-shadow: 0 0 20px rgba(52, 0, 9, 0.2)}
.ht51 .swiper-button-prev{width: 40px;height: 40px;background: url(../images/a3p.png) no-repeat center;top: 0;bottom: 0;left: -70px;margin:auto;}
.ht51 .swiper-button-next{width: 40px;height: 40px;background: url(../images/a3n.png) no-repeat center;top: 0;bottom: 0;right: -70px;margin:auto;}
.ht51 .swiper-button-next::after,.ht51 .swiper-button-prev::after{display: none}

.ht6{width: 100%;height: 743px;padding-top: 100px; background: url(../images/ht6.jpg) no-repeat center;}

.ht61 a{width: 172px;height: 46px;line-height: 46px; border-radius: 23px;margin-bottom: 55px;font-size: 24px;color: #666666;}
.ht61 a.active{background: #ef8899;color: #fff}
.ht62{width: 77%;padding-left: 1%;border-left: 1px solid #d6d6d6 }
.ht62 ul li{width: 33%;padding:40px 1.2% 45px;border-radius: 20px;}
.ht6_rq p{font-size: 16px;}
.ht6_rq p span{font-size: 30px;}
.ht6_rq h5{font-size: 18px;color: #666666}
.ht6_img{width: 100%;padding-bottom: 71%;border-radius: 20px;margin: 25px 0; display: block;position: relative}
.ht6_img img{width: 100%; height: 100%;position: absolute;top: 0;left: 0;}
.ht6_des{font-size: 18px;line-height: 26px; -webkit-line-clamp: 3;color: #666666;height: 78px;margin-bottom: 45px;}
.ht6_more{color: #666666;}
.ht62 ul li:hover{background: #ef8899;color: #fff}
.ht62 ul li:hover .ht6_rq h5{color: #fff}
.ht62 ul li:hover .ht6_des{color: #fff}
.ht62 ul li:hover .ht6_more{color: #fff}


.xcsp{height: 500px;background: #000;margin-bottom: 50px;}







.bd{padding: 100px 0;}
.bd11{width: 49.285%;height: 70px;background: #f7f7f7;border-radius: 20px; padding: 0 15px;margin-bottom: 20px;}
.bd11 h5{color: #666666;}
.bd11 .text{width: 80%;height: 100%;font-size: 18px;background: none;border: none; color: #999999;}
.bd12{width: 100%; height: 215px;padding: 15px;}
.bd12 .text{width: 94%}
.bd .tj{display: block;width: 100%; height: 80px;background: #ef8899;border-radius: 20px;outline:none;cursor: pointer;border: none; font-size: 20px;color: #fff;}

.bd ::-webkit-input-placeholder { /* WebKit browsers */
  color: #999999;
}
.bd ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999999;
}
.bd :-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999999;
}





.xf{width: 54px;height: 236px; position: fixed;bottom: 15%;right: 0;z-index: 100}
.xf>ul{height: 236px;text-align: center;}
.xf>ul>li{width: 54px;height: 54px;background: rgba(239, 136, 153, 0.29);border-radius: 50%; position: relative}
.xf>ul>li>a{width: 100%;height: 100%;border-radius: 50%;}
.xf>ul li:last-child{margin-bottom: 0;}
.xfl{display: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); position: absolute;top:0;bottom: 0;right: 90px;margin:auto;border-radius: 13px;background-color: #fff;}
.xfl .ss{display: block;position: absolute;top:0;bottom: 0;right: -6px;margin:auto;}
.xfl1{width: 300px;font-size: 20px;}
.xfl2{width: 110px;height: 110px; padding:10px;}
.xf>ul>li.active{background:#ef8899}
.xf>ul>li.active .xfl{display: flex;}
.xf>ul>li.active a>.xf0{display: none}
.xf>ul>li.active a>.xf0_{display: inline-block}


/* 底部 */

footer{width: 100%;background: url(../images/di.jpg) no-repeat center top;}
footer .footT{height: 200px;}
footer .footT .logo{display: block;height: 108px;}
footer .footT .ftr div{margin-bottom: 5px;}
footer .footT .ftr img{margin-right: 10px;}
footer .footT .ftr span{font-size: 26px;}
footer .line{width: 100%;height: 2px;background:#fff;opacity: 0.35}
footer .footM{padding: 50px 0;}
footer .footM nav a{display: block;font-size: 16px;margin-bottom: 15px;color: #fff}
footer .footM nav a:last-child{margin-bottom: 0}
footer .footM .ftm ul li{margin-bottom: 40px;font-size: 16px;}
footer .footM .ftm ul li p{width: 410px;}
footer .footM .ftm ul li:last-child{margin-bottom: 0}
footer .footM .dewm ul li{margin-right: 65px}
footer .footM .dewm ul li:last-child{margin-right: 0}
footer .footM .dewm ul li img{width: 160px;border-radius: 10px;}
footer .footM .dewm ul li p{font-size: 16px;margin-top: 30px}
footer .footB{width: 100%;font-size: 14px;padding: 20px 0;color: #fff;border-top: 1px solid #ec9caa; background:#e37186;}
footer .footB a{color: #fff;}



.con{width: 100%; padding: 70px 0 100px;}
.con2{width: 100%; padding: 70px 0 0;}
.con1{width: 100%; padding:100px  0 150px;}

.bg{background:#f7f7f7;}

/* 服务网络 */
.position{border-bottom:1px solid #e6e6e6;padding-bottom: 22px;margin-bottom: 50px}
.pos1{padding-left: 10px;height: 20px; border-left: 3px solid #ef8899;}
.pos1 h3{font-size: 20px;line-height: 20px;letter-spacing: 2px;}
.position .ndwz>p{max-width: 600px;height: 23px;margin-left: 8px; font-size: 16px;color:#666666;}
.position .ndwz>p a{color:#666666;}
.position .ndwz>p a:hover{color: #ef8899}


/* 关于我们 */
.about_body{font-size:16px; line-height: 22px;color: #7e7e7e; margin-bottom: 28px; white-space:-moz-pre-wrap;word-wrap:break-word;text-align: justify;}
.about_body img{max-width:100%;}

.gy1{width: 100%;padding-bottom: 70px;}
.gy10{height: 587px;}
.gy11{width: 740px;height: 445px;padding: 0 100px 0 35px;border-radius: 0 20px 20px 0; background: url(../images/a1.jpg) no-repeat right center;}
.gy11 .title{padding: 85px 0 28px;}
.gy110{height: 180px;line-height: 30px;color: #666666;padding-right: 15px;overflow:auto;}
.gy12{width: 65.785%;height: 587px;top: 0;right: 740px;border-radius: 20px;}

.gy2{width: 100%;background: #fdf3f5;padding-bottom: 100px;}
.gy210{width: 100%;background:#fff;border-radius: 20px;padding: 40px 5% 30px;}
.gy2_img{width: 100%;height: 306px;}
.gy2_img img{max-width: 100%;max-height:100% }
.gy2_tit{width: 152px;height: 34px;line-height: 34px;margin:  30px auto 0; border-radius: 17px;background: #feeff2;padding: 0 5%;color: #666666}
.gy210:hover .gy2_tit{background: #ef8899;color: #fff;}

.gy3{padding: 50px 0 0;border-bottom: 2px solid #e5e5e5;}
.gy30{padding: 100px 0;}
.gy31{width: 23.57%; height: 100%;background: url(../images/a3.png) no-repeat left center #fff;padding-top: 100px; top: 0;left: 0;z-index: 9}
.gy31 h3{font-size: 38px;}
.gy31 h4{font-size: 30px;line-height: 44px;color: #797979;margin-top: 55px;}

.gy32{width: 91.785%;}
.gy320{border-radius: 20px;box-shadow: 0 0 20px rgba(52, 0, 9, 0.2) }
.gy31 .anniu{margin: 335px 0 0 133px;}
.gy31 .swiper-button-prev{width: 40px;height: 40px;background: url(../images/a3p.png) no-repeat center;position: static;margin-right: 8px}
.gy31 .swiper-button-next{width: 40px;height: 40px;background: url(../images/a3n.png) no-repeat center;position: static;}
.gy31 .swiper-button-next::after,.gy31 .swiper-button-prev::after{display: none}
.gy32 .mySwiper{padding: 20px 0;}

#scrollbar4 ::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
 
#scrollbar4 ::-webkit-scrollbar-track {
    background-color: #fff;
    /* box-shadow: inset 0px 0px 0px 11px #f2f2f3; */
    /* border-radius: 5px; */
}
 
#scrollbar4 ::-webkit-scrollbar-thumb {
    background: #f26980;
    border-radius: 10px;
}

#scrollbar4 ::-webkit-scrollbar-corner {
}

/* 产品中心 */
.p_nav{width: 22%;}
.p_nav ul li{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #e4e4e4}
.p_nav ul li a{height: 30px;line-height: 30px;padding-right: 20px;font-size: 20px;color: #666666;}
.p_nav ul li a:hover,.p_nav ul li a.active{color: #ef8899;background: url(../images/pn.png) no-repeat right center;font-family: 'REGULAR';}
.product{width: 76%;}
.product ul li{width: 32%;margin: 0 2% 40px 0;border-radius: 20px;}
.product ul li:nth-child(3n){margin-right: 0}
.p_img{display: block; width: 100%;padding-bottom: 100%;background:#fff;}
.p_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.p_tit{padding: 0 25% 0 10%;height: 75px;line-height: 75px;background: url(../images/pm.png) no-repeat right 10% center #fff;color: #666666;fons}
.product ul li:hover .p_tit{background: url(../images/pm_.png) no-repeat right 10% center #ef8899;color: #fff;font-size: 20px;}


/* 商业合作 */
.hz1{width: 100%;background: url(../images/hz1.png) no-repeat center top 413px;}
.hz11 .mySwiper{overflow:visible;}
.hz110{height: 480px;border-radius: 20px;background:#fff;}
.hz112 h5{line-height: 52px;background: url(../images/hz10.png) no-repeat center;font-size: 20px;color: #666666;margin: 30px 0 45px;}
.hz1>a{width: 172px;height: 46px;border-radius: 23px;background:#fff7db;font-size: 20px;color: #e9576f;margin: 50px auto 72px;}
.hz12{height: 450px;border-radius: 20px; background: url(../images/hz120.jpg) no-repeat center;padding: 0 8%;}
.hz12 h3{font-size: 42px;}
.hz12 h4{font-size: 34px;margin: 24px 0 55px;}
.hz12 p{font-size: 22px;line-height: 32px;color: #797979}
.hz13 ul li{width: 32.142%;border-radius: 20px;background:#fff;color: #666666;}
.hz132{width: 100%;height: 152px;font-size: 20px;line-height: 30px;}
.hz13 ul li.active{background:#ef8899;color: #fff}
.hz15 ul li{width: 232px;height: 200px;background:#fff;border: 3px solid #ef8899;border-radius: 20px;margin-bottom: 40px;}
.hz15 ul li h5{font-size: 20px;color: #666666;margin-top: 20px;}
.hz15 ul li.active{background:#ef8899;}
.hz15 ul li.active img{filter: brightness(100);}
.hz15 ul li.active h5{color: #fff}
/* 新闻中心 */
.n_nav ul li{display: inline-block;margin: 0 15px 50px;}
.n_nav ul li a:hover,.n_nav ul li a.active{color: #ef8899;font-family: 'BOLD';}
.news ul li{width: 100%; margin-bottom: 40px;padding: 1.5%;border-radius: 20px; background:#fff;box-shadow: 0 0 14px rgba(0, 0, 0, 0.04)}
.n_img{width:23.823%;padding-bottom: 16.8%;border-radius: 20px; display: block;position: relative}
.n_img img{width: 100%; height: 100%;position: absolute;top: 0;left: 0;}
.n_con{width: 73%}
.n_tit{font-size: 22px;line-height: 26px;height: 26px;}
.n_des{font-size: 18px;line-height: 28px; -webkit-line-clamp: 2;color: #666666;height: 56px;margin: 2% 0 4%;}
.n_more{width: 150px;height: 40px;background:#efefef;border-radius: 20px;color: #666666}
.news ul li:hover .n_tit{color: #ef8899}
.news ul li:hover .n_more{color: #fff;background:#ef8899;}



/* 联系我们 */
.lx1{width: 31.1%;height: 697px;background:#fff;border: 1px solid #bfbfbf;border-right: none; padding: 55px 3%;}
.lx1 ul{height: 100%}
.lx11{width: 52px;height: 52px;border-radius: 50%;background: #bfbfbf;}
.lx12{width: 78%}
.lx12 h5{font-size: 18px;color: #666666;margin-bottom: 5px;}
.lx1 ul .line{width: 100%;height: 2px;background:#f2f2f2;}
.lx1 ul li:hover .lx11{background:#ef8899;}
.lx2{width: 87.428%;height: 697px;top: 0;left: 31.1%;}







/* 页码 */
.pagination{margin-top: 60px; clear: both;width:100%;padding:0 0 0;text-align: center; font-size:18px; color:#333;}
.pagination li{ width:40px; height:40px; text-align:center;border-radius: 10px; line-height:40px; display:inline-block; margin:0 3px; background:#e8e8e8;}
.pagination li a{width:40px; height:40px; display:block;border-radius: 10px;}
.pagination li a:hover{background:#ef8899;color: #fff;}
.pagination li.active{ background:#ef8899 !important;color: #fff;}
.pagination li:hover {}

/* 上下篇 */
.sxy{margin-top: 50px;font-size: 16px;color: #666}
.sxy div{max-width: 40%; color: #666}
.sxy a:hover{color: #ef8899}
/* 详情页 */
.article_title{text-align: center;margin-bottom: 30px}
.article_title h2{font-size: 30px;line-height: 36px; color:#222;}
.article_title p{font-size: 16px;color:#858585;margin-top: 15px;}
.article_body{white-space:-moz-pre-wrap;word-wrap:break-word;font-size: 18px;line-height: 36px;padding:50px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.article_body img{max-width:100%;}