@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: 'Alimama_DongFangDaKai_Regular';
  src: url('./Alimama_DongFangDaKai_Regular.ttf');
}

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';}
.dfdk{font-family: 'Alimama_DongFangDaKai_Regular';}
.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%;height: 90px; background: #fff; position:fixed;top:0;left:0;z-index: 999;}
header .box1{height: 90px;}
header .hl .logo{display: block;height: 66px}
header .hl p{font-size: 18px;line-height: 22px;margin-left: 15px;}
header .hr{width: 70%;}
header .hr nav{width: 73%;}
header .hr nav a{height: 90px;color: #666666}
header .hr nav a:hover,header .hr nav a.active{color: #3dd1c2;font-family: 'BOLD';background: url(../images/nbj.png) no-repeat center bottom}
header .phone{height: 36px;border-radius: 18px;padding: 0 15px; background-image: linear-gradient(113deg, #3dd1c2 30%, #29c0b1);}
header .phone span{font-size: 20px;}
header .phone img{margin-right: 10px;}

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


.sy_banner{margin-top: 90px;}
.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: #3dd1c2 !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: #3dd1c2}
.cor1{color: #3dd1c2}
.cor2{color: #ffffff}

/* 内容 */
.title{padding: 90px 0 45px;}
.title h3{font-size: 38px;margin: 0 20px;}
.title h4{font-size: 30px;line-height: 34px; color: #666666;margin-top: 15px;}

.ht1{width: 100%;background: url(../images/ht1.jpg) no-repeat center;padding-bottom: 100px;}
.ht11 ul li{width: 23.9287%;border-radius: 6px;background: #fff;}
.ht112{width: 100%;height: 95px;font-size: 20px;color: #666666}
.ht11 ul li.active{background: #3dd1c2}
.ht11 ul li.active .ht112{color: #fff}

.ht2{padding-bottom: 100px;}
.ht20{margin-bottom: 20px;}
.ht200{width: 20.857%;}
.ht200 h5{font-size: 24px;line-height: 34px;}
.ht21{background: url(../images/ht21.jpg) no-repeat center top;}
.ht21 h5{margin: 30px 0 105px}
.ht22{background: url(../images/ht22.jpg) no-repeat center top;}
.ht22 h5{margin: 90px 0 150px}
.ht23{width: 77.7142%;}
.ht24 ul li{margin-bottom: 20px;border: 1px solid #eeeeee;}
.ht24 ul li:last-child{margin-bottom: 0}
.ht241{width: 40.257%;padding: 16px 22px 16px 30px;}
.ht241 h5{font-size: 22px;line-height:28px;position: relative}
.ht241 h5::after{display: block;content: '';width: 3px;height: 22px;position: absolute; left: -13px;top: 3px;}
.ht241 p{font-size: 18px;line-height: 26px;color: #666666;margin-top: 8px;}
.ht242 h5{visibility: hidden}
.ht24 ul li .line{width: 1px;height: 80%;background:#eeeeee;}
.ht243{width: 19%;}
.ht243 a{width: 141px;height: 41px;border-radius: 20.5px; box-shadow: 0 5px 7px rgba(3, 3, 3, 0.25);font-size: 20px;color: #fff;}
.ht24 ul li:nth-child(1) .ht243 a{background: url(../images/ht21.png) no-repeat center;}
.ht24 ul li:nth-child(2) .ht243 a{background: url(../images/ht22.png) no-repeat center;}
.ht24 ul li:nth-child(3) .ht243 a{background: url(../images/ht23.png) no-repeat center;}
.ht24 ul li:nth-child(1) .ht241 h5::after{background: #21ac3b;}
.ht24 ul li:nth-child(2) .ht241 h5::after{background: #f4c32a;}
.ht24 ul li:nth-child(3) .ht241 h5::after{background: #e60012;}
.ht24 ul li.active .ht244{background:#3dd1c2;}
.ht24 ul li.active .ht244 h5{color: #fff}
.ht24 ul li.active .ht244 p{color: #fff}

.ht25{width: 79.779%;}
.ht25 ul li{border: 1px solid #eeeeee;margin-bottom: 10px;}
.ht25 ul li:last-child{margin-bottom: 0}
.ht251{width: 55.645%;padding: 16px 22px 16px 30px;}
.ht251 h5{font-size: 22px;line-height:28px;position: relative}
.ht251 h5::after{display: block;content: '';width: 3px;height: 22px;position: absolute; left: -13px;top: 3px;}
.ht251 p{font-size: 18px;line-height: 26px;color: #666666;margin-top: 8px;}
.ht252{width: 44.3%;padding: 16px 10px 16px 20px ;}
.ht252 h5{visibility: hidden}
.ht25 ul li .line{width: 1px;height: 80%;background:#eeeeee;}
.ht25 ul li:nth-child(1) h5::after{background:#f4eb42;}
.ht25 ul li:nth-child(2) h5::after{background:#21ac3b;}
.ht25 ul li:nth-child(3) h5::after{background:#0ea2c9;}
.ht25 ul li:nth-child(4) h5::after{background:#e0061b;}
.ht25 ul li:nth-child(5) h5::after{background:#e3601b;}
.ht25 ul li:nth-child(6) h5::after{background:#4b3096;}
.ht25 ul li:nth-child(7) h5::after{background:#eecd2f;}
.ht25 ul li:nth-child(8) h5::after{background:#896443;}
.ht25 ul li:nth-child(9) h5::after{background:#3dd1c2;}

.ht26{width: 19.301%;border: 1px solid #eeeeee;}
.ht26 h6{font-size: 24px;}
.ht26 a{width: 141px;height: 41px;border-radius: 20.5px;background: url(../images/ht24.png) no-repeat center; box-shadow: 0 5px 7px rgba(3, 3, 3, 0.25);font-size: 20px;color: #fff;margin-top: 25px;}
.ht25 ul li.active .ht253{background:#3dd1c2;}
.ht25 ul li.active .ht253 h5{color: #fff}
.ht25 ul li.active .ht253 p{color: #fff}

.ht3{width: 100%;background: url(../images/ht1.jpg) center;padding-bottom: 100px;}
.ht31{width: 16.785%;height: 582px;background: #fff;padding-top: 110px;border-radius: 6px;}
.ht31 h5{font-size: 26px;margin-bottom: 70px;}
.ht31 .swiper-button-prev{width: 36px;height: 36px;background: url(../images/ht3p.png) no-repeat center;position: static;margin-bottom: 25px;}
.ht31 .swiper-button-next{width: 36px;height: 36px;background: url(../images/ht3n.png) no-repeat center;position: static;}
.ht31 .swiper-button-next::after,.ht31 .swiper-button-prev::after{display: none}
.ht31 .swiper-pagination{position: static; color: #666666;font-size: 18px;margin-top: 115px;}
.ht31 .swiper-pagination .swiper-pagination-current{font-size: 24px}
.ht32{width: 1395px;top: 0;left: 18.928%;}
.ht32 .mySwiper{width: 940px;overflow:visible;}
.ht320{border-radius: 6px;}

.ht4{width: 100%;height: 704px;background: url(../images/ht4.jpg) no-repeat center;}
.ht41 ul{height: 704px;}
.ht41 ul li{width: 25%; height: 600px;padding: 10px;border-left: 1px solid rgba(238, 238, 238, 0.1)}
.ht41 ul li:last-child{border-right: 1px solid rgba(238, 238, 238, 0.1)}
.ht411{display: none;margin-bottom: 60px;border-radius: 6px;}
.ht412 h6{font-size: 24px;margin-bottom: 33px;}
.ht412 h5{font-size: 22px;}
.ht412 p{font-size: 18px;line-height: 24px;width: 230px;margin: 15px auto 0;}
.ht41 ul li:nth-child(1) .ht412 h6{color: #3dd1c2}
.ht41 ul li:nth-child(2) .ht412 h6{color: #0f99ba}
.ht41 ul li:nth-child(3) .ht412 h6{color: #f4c32a}
.ht41 ul li:nth-child(4) .ht412 h6{color: #8cc42f}
.ht41 ul li.active{background: #3dd1c2; display: block;}
.ht41 ul li.active .ht411{display: flex;}
.ht41 ul li.active .ht412 h6{display: none}

.ht40{padding-bottom: 100px;}
.ht420{background:#f7f7f7;}
.ht42_img{width: 100%;height: 478px;border-bottom: 1px solid #e5e5e5}
.ht42_img img{max-width: 80%;max-height: 80%;}
.ht42_tit{height: 100px;}
.ht42_tit p{width: 240px;height: 40px;line-height: 40px; border-radius: 20px;background:#e5e5e5;color: #666666;padding: 0 3%;}
.ht42 .swiper-button-prev{width: 36px;height: 36px;background: url(../images/j3p.png) no-repeat center; top:0;bottom: 0;left: -55px;margin:auto;}
.ht42 .swiper-button-next{width: 36px;height: 36px;background: url(../images/j3n.png) no-repeat center; top:0;bottom: 0;right: -55px;margin:auto;}
.ht42 .swiper-button-next::after,.ht42 .swiper-button-prev::after{display: none}
.ht420:hover .ht42_tit p{background: #3dd1c2;color: #fff;}

.ht43{width: 100%;background: url(../images/ht430.jpg) no-repeat center top;}
.ht430{padding-bottom: 48px;}
.ht431{width: 605px;}
.ht431 .mySwiper{overflow:visible;}
.ht432{border-radius: 6px;}
.ht433{width: 520px;height: 96px;line-height: 96px;color: #666666; border-radius: 6px;padding: 0 50px;background: url(../images/j3n.png) no-repeat right 50px center #f7f7f7;bottom: 0;left: 0;right: 0;margin:auto;}

.ht5{padding-bottom: 75px;}
.ht51{height: 550px;background: url(../images/ht51_.jpg) no-repeat center;border-radius: 6px;padding-top: 95px}
.ht51 .gy3120{background: url(../images/ht51.png) no-repeat left bottom;}
.ht51 .gy3123{background: url(../images/ht52.png) no-repeat left bottom;margin-top: 60px;padding-bottom: 10px;}

.ht520{border-radius: 6px;}
.ht52_img{display: block; width: 100%;padding-bottom: 100%;background:#fff;}
.ht52_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin:auto;}
.ht52_tit{padding: 0 5%;height: 94px;line-height: 94px;background: #f7f7f7;font-size: 20px;color: #666666}
.ht520:hover .ht52_tit{background:#3dd1c2;color: #fff;}
.ht52>a{width: 141px;height: 41px;border-radius: 20.5px;background: url(../images/ht22.png) no-repeat center; box-shadow: 0 5px 7px rgba(3, 3, 3, 0.25);font-size: 20px;color: #fff;margin: 50px auto 0;}

.ht6{width: 100%;background: url(../images/ht6.jpg) no-repeat center top #f7f7f7;}
.ht6 .jm11{padding: 0;}
.ht6 .jm11 ul li{height: 225px;}
.ht61{padding: 15px;background:#fff;border-radius: 6px;margin-top: 100px;}
.ht610{padding-left: 5%; height: 283px;background: url(../images/ht61.jpg) no-repeat center;border-radius: 6px;}
.ht610 h3{font-size: 34px;margin-top: 40px;}
.ht60{background: url(../images/ht60.jpg) no-repeat center bottom}
.ht62 .mySwiper{width: 94.2857%;margin: 0 auto;overflow:visible}
.ht62 .jm312{height: 165px;background:#fff;}
.ht62 .swiper-scrollbar{width: 100%; height: 3px;background: #fff;position: static;margin: 50px 0 35px;}
.ht62 .swiper-scrollbar-drag{background:#3dd1c2;}
.ht62 .swiper-button-prev{width: 36px;height: 36px;background: url(../images/j3p.png) no-repeat center;position: static;margin-right: 20px;}
.ht62 .swiper-button-next{width: 36px;height: 36px;background: url(../images/j3n.png) no-repeat center;position: static;}
.ht62 .swiper-button-next::after,.ht62 .swiper-button-prev::after{display: none}
.ht63{padding: 66px 0 80px;}
.ht63 h3{font-size: 38px;letter-spacing: 2px;}
.ht63 div{display: inline-block;line-height: 43px;background:#3dd1c2;border-radius: 22px;padding: 0 38px;margin: 30px 0 25px;}
.ht63 div span{font-size: 23px;}
.ht63 p{font-size: 14px;}

.ht7{padding-bottom: 100px;}
.ht710{width: 100%;height: 310px;background:#000;}




.ht9{width: 100%;height: 904px;background: url(../images/ht9.jpg) no-repeat center;}
.ht91 ul li{margin: 0 5% 35px;}
.ht91 ul li a{font-size: 26px;line-height: 40px;border-radius: 20px; color: #666666;border: 1px solid #666666;padding: 0 30px;}
.ht91 ul li.active a{color: #3dd1c2;border-color: #3dd1c2;font-family: 'BOLD';}
.ht920{background:#fff;padding: 3% 3% 35px;margin: 10px 0;border-radius: 6px;}
.ht92_img{display: block;width: 100%;padding-bottom:67%;position: relative;border-radius: 6px;}
.ht92_img img{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.ht92_des{font-size: 19px;line-height: 34px;height: 68px;-webkit-line-clamp: 2;margin:  30px 0 90px; color: #666666}
.ht92_more{color: #666666;}

.ht920:hover{box-shadow: 0 0 16px rgba(0, 0, 0, 0.07)}
.ht920:hover .ht92_more{color: #3dd1c2}


.bd{width: 100%; padding: 85px 0 100px;}
.bd .bd0{background:#f5f5f5;padding: 50px 2%;}
.bd .bd1{width: 47.5%;height: 70px;font-size: 20px;background: #fff; color: #666666; margin-bottom: 28px;padding: 0 30px;}
.bd .bd1 .text{display: block;width:  85%; height: 100%;background: none;border: none; outline: none;color: #5b5b5b;font-size: 20px;}
.bd .bd2{width: 100%; height: 147px;padding: 25px 30px;}
.bd .bd2 .text1{width: 93%; height: 100%;}
.bd .tj{display: block;width: 100%; height: 80px;background: #3dd1c2;outline:none;cursor: pointer;border: none; font-size: 22px;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: #dcdcdc;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:#3dd1c2}
.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:#1b1b1b;}
footer .footT{padding: 90px 0 80px;}
footer .footT .logo{display: block;height: 90px;}
footer .footT nav{width: 55%}
footer .footT nav a{font-size: 16px;display: block;color: #fff}
footer .footT nav span{font-size: 15px;opacity: 0.5}
footer .footT .dewm ul li{margin-left: 20px}
footer .footT .dewm ul li img{width: 95px;}
footer .footT .dewm ul li p{font-size: 14px;opacity: 0.3;margin-top: 15px;}
footer .footM{width: 100%;height: 114px;border-top: 1px solid #292929;border-bottom: 1px solid #292929;}
footer .footM ul li{height: 114px;border-right: 1px solid #292929;}
footer .footM ul li:first-child{border-left: 1px solid #292929;}
footer .footM ul li .fmr{margin-left: 12px;font-size: 16px;max-width: 320px;}
footer .footM ul li .fmr h5{opacity: 0.5;}
footer .footM ul li .fmr p{line-height: 24px;margin-top: 5px;}
footer .footB{width: 100%;font-size: 14px;padding: 25px 0;color: rgba(255,255,255,0.35);}
footer .footB a{color: rgba(255,255,255,0.35);}



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



/* 服务网络 */
.position{border-bottom:1px solid #e6e6e6;padding-bottom: 22px;margin-bottom: 50px}
.pos1{padding-left: 10px;height: 20px; border-left: 3px solid #3dd1c2;}
.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: #3dd1c2}


/* 关于我们 */
.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%;}

.gy11{width: 40.714%;}
.gy11 h3{font-size: 22px;margin: 50px 0 27px;}
.gy111{line-height: 30px;height: 240px;padding-right: 10px; color: #666666;overflow:auto;}
.gy12{width: 55.5%;}
.gy13{width: 55.83%;height: 155px;background: #3dd1c2;bottom: 0;left: 0;z-index: 1}
.gy10>img{display: block;position: absolute;bottom: 0;left: 0;z-index: 2}

.gy2{width: 100%;background:#f4f4f4;padding-bottom: 70px;}
.gy21{width: 75%;}
.gy21 .mySwiper{padding: 0 1.38%;}
.gy210{background:#fff;box-shadow: 0 15px 19px rgba(0, 0, 0, 0.1);margin: 30px 0;}
.gy2_img{width: 100%;height: 424px;border-bottom: 1px solid #e5e5e5}
.gy2_img img{max-width: 80%;max-height: 80%;}
.gy2_tit{height: 89px;padding: 0 5%;}
.gy2_tit p{line-height: 24px;max-height: 48px;-webkit-line-clamp: 2;}
.gy21 .swiper-button-prev{width: 36px;height: 36px;background: url(../images/j3p.png) no-repeat center; top:0;bottom: 0;left: -36px;margin:auto;}
.gy21 .swiper-button-next{width: 36px;height: 36px;background: url(../images/j3n.png) no-repeat center; top:0;bottom: 0;right: -36px;margin:auto;}
.gy21 .swiper-button-next::after,.gy21 .swiper-button-prev::after{display: none}

.gy31{background: url(../images/a30.png) no-repeat center bottom;padding: 0 0 25px;}
.gy311{width: 450px;border-radius: 50%;box-shadow: 0 0 34px rgba(0, 18, 48, 0.16)}
.gy312{width: 700px;margin-bottom: 35px;}
.gy3120{margin-bottom: 35px;}
.gy3120 h3{font-size: 50px;color: #896443;line-height: 44px;}
.gy3120 .line{width: 3px;height: 43px;background: #896443;opacity: 0.37;margin: 0 20px;}
.gy3120 h4{font-size: 19px;color: #896443;line-height: 20px;}
.gy3121 p{padding-left: 25px;font-size: 19px;background: url(../images/a3.png) no-repeat left center}
.gy3122 ul li{width: 144px;height: 38px;background: #896443;border-radius: 19px;color: #fff;margin-right: 12px;}

.gy3123{margin: 38px 0 33px;}
.gy3123 h3{font-size: 28px;color: #896443;line-height: 28px;}
.gy3123 .line{width: 3px;height: 28px;background: #896443;opacity: 0.37;margin: 0 15px;}
.gy3123 h4{font-size: 18px;color: #896443;line-height: 20px;}



/*Scrollbar 4*/
#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: #3dd1c2;
    border-radius: 10px;
}

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

/* 中医培训 */
.px0{height: 318px;border-radius: 6px;}
.px0 h3{font-size: 34px;}
.px0 img{display: block;margin: 27px auto 38px;}
.px0 a{width: 141px;height: 41px;border-radius: 20.5px; box-shadow: 0 5px 7px rgba(3, 3, 3, 0.25); font-size: 20px;color: #fff;margin: 0 auto;}
.px1{background: url(../images/px1.jpg) no-repeat center;}
.px1 a{background: url(../images/px0.png) no-repeat center;}
.px2{background: url(../images/px2.jpg) no-repeat center;}
.px2 a{background: url(../images/px0_.png) no-repeat center;}
.px3{margin-top: 7px;}
.px3 ul li{width: 32%;padding: 25px 20px 20px 30px;background: #fff;border: 1px solid #eeeeee;margin: 30px 2% 0 0;}
.px3 ul li:nth-child(3n){margin-right: 0}
.px3 ul li h5{font-size: 22px;line-height:28px;position: relative}
.px3 ul li h5::after{display: block;content: '';width: 3px;height: 22px;background:#21ac3b;position: absolute; left: -13px;top: 3px;}
.px3 ul li p{font-size: 18px;line-height: 26px;color: #666666;margin-top: 10px;}
.px3 ul li:nth-child(3n+2) h5::after{background:#f4c32a;}
.px3 ul li:nth-child(3n+3) h5::after{background:#e60012;}
.px3 ul li.active{background:#3dd1c2;color: #fff;}
.px3 ul li.active p{color: #fff;}

.px_line{height: 1px;background:#e5e5e5;margin: 60px auto;}
.px4{margin-top: 25px;}
.px4 ul li{width: 32%;padding: 25px 20px 20px 30px;background: #fff;border: 1px solid #eeeeee;margin: 30px 2% 0 0;}
.px4 ul li:nth-child(3n){margin-right: 0}
.px4 ul li h5{font-size: 22px;line-height:28px;position: relative}
.px4 ul li h5::after{display: block;content: '';width: 3px;height: 22px;background:#f4eb42;position: absolute; left: -13px;top: 3px;}
.px4 ul li p{font-size: 18px;line-height: 26px;color: #666666;margin-top: 10px;}
.px4 ul li:nth-child(9n+2) h5::after{background:#21ac3b;}
.px4 ul li:nth-child(9n+3) h5::after{background:#0ea2c9;}
.px4 ul li:nth-child(9n+4) h5::after{background:#e0061b;}
.px4 ul li:nth-child(9n+5) h5::after{background:#e3601b;}
.px4 ul li:nth-child(9n+6) h5::after{background:#4b3096;}
.px4 ul li:nth-child(9n+7) h5::after{background:#eecd2f;}
.px4 ul li:nth-child(9n+8) h5::after{background:#896443;}
.px4 ul li:nth-child(9n) h5::after{background:#3dd1c2;}
.px4 ul li.active{background:#3dd1c2;color: #fff;}
.px4 ul li.active p{color: #fff;}


/* 产品中心 */
.p_nav{width: 13.57%;}
.p_nav ul li{padding-bottom: 22px;margin-bottom: 22px;border-bottom: 1px solid #e4e4e4}
.p_nav ul li a{height: 30px;line-height: 30px;padding-right: 20px;font-size: 22px;color: #666666;}
.p_nav ul li a:hover,.p_nav ul li a.active{color: #3dd1c2;background: url(../images/pn.png) no-repeat right center;font-family: 'BOLD';}
.product{width: 84.5%;}
.product ul li{width: 32.264%;border-radius: 6px 6px 0 0; margin: 0 1.604% 40px 0;}
.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;bottom: 0;right: 0;margin:auto;}
.p_tit{padding: 0 5%;height: 100px;line-height: 100px;background: #f1f1f1;position: relative;font-size: 22px;color: #666666}
.p_tit::after{display: block;content: ''; width: 6px;height: 56px;background:#3dd1c2;position: absolute;top: 0;bottom: 0;left: 0;margin:auto;color: #666666}
.product ul li:hover .p_tit{background:#3dd1c2;color: #fff; }
.product ul li:hover .p_tit::after{background:#fff;}

/* 商业合作 */
.jm1{height: 541px;background: url(../images/jm1.jpg) no-repeat center;}
.jm1 .title{padding: 95px 0 150px;}
.jm11{padding: 0 5%;}
.jm11 ul li{width: calc(100% / 6);height: 146px;position: relative; background-image: linear-gradient(to right, #3ee0d0, #2dc4b5);}
.jm11 ul li::after{display: block;content: ''; width: 1px;height: 146px;background: url(../images/j10.png) no-repeat center top;position: absolute;top: 0;right: 0}
.jm11 ul li h6{font-size: 46px;opacity: 0.3;margin-right: 15px;}
.jm11 ul li h5{font-size: 22px;line-height: 32px;background: url(../images/j1.png) no-repeat center bottom 4px;}
.jm11 ul li.active{background-image: linear-gradient(to right, #fdd556, #eebb1b);}
.jm11 ul li.active h5{background: url(../images/j1_.png) no-repeat center bottom 4px;}

.jm2{padding: 1%;background: #eeeeee;border-radius: 6px;margin: 40px auto 0;}
.jm21{height: 283px;background: url(../images/j2.jpg) no-repeat center;border-radius: 6px;}
.jm21 h3{font-size: 34px;margin-top: 40px;}

.jm310{border-radius: 6px;}
.jm312{height: 170px;background:#f4f4f4;}
.jm312 h5{font-size: 22px;}
.jm312 a{width: 136px;height: 33px;border-radius: 18px;border: 1px solid #666666;color: #666666;margin: 22px auto 0;}
.jm310:hover .jm312 h5{color: #3dd1c2}
.jm310:hover .jm312 a{background: #3dd1c2;border-color:#3dd1c2;color:#fff;}
.jm31 .swiper-button-prev{width: 36px;height: 36px;background: url(../images/j3p.png) no-repeat center; top:0;bottom: 0;left: -55px;margin:auto;}
.jm31 .swiper-button-next{width: 36px;height: 36px;background: url(../images/j3n.png) no-repeat center; top:0;bottom: 0;right: -55px;margin:auto;}
.jm31 .swiper-button-next::after,.jm31 .swiper-button-prev::after{display: none}

.jm4{height: 320px;background: url(../images/j4.jpg) no-repeat center;margin-top: 100px;}
.jm4 h3{font-size: 38px;}
.jm4 div div{display: inline-block;line-height: 43px;background:#3dd1c2;border-radius: 22px;padding: 0 38px;margin: 30px 0 25px;}
.jm4 div div span{font-size: 23px;}
.jm4 p{font-size: 14px;}






/* 新闻中心 */
.n_nav ul li{display: inline-block;margin: 0 15px 50px;}
.n_nav ul li a:hover,.n_nav ul li a.active{color: #3dd1c2;font-family: 'BOLD';}
.news ul li{width: 100%; margin-bottom: 40px;padding: 1.8%;background:#fff;box-shadow: 0 0 14px rgba(0, 0, 0, 0.04)}
.n_img{width:23.823%;padding-bottom: 15.8%; 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: 34px;border: 1px solid #3dd1c2;color: #3dd1c2}
.news ul li:hover .n_tit{color: #3dd1c2}
.news ul li:hover .n_more{color: #fff;background:#3dd1c2;}




/* 联系我们 */
.lx1{border-top: 1px solid #dddddd;padding: 20px 0;}
.lx1 ul li{width: calc(100% / 3);height: 330px;border-left: 1px solid #dddddd; padding: 0 5%;}
.lx1 ul li:last-child{border-right: 1px solid #dddddd;}
.lx11{width: 54px;height: 54px;border-radius: 50%;background:#bfbfbf;margin: 0 auto;}
.lx12{margin-top: 15px;}
.lx12 h5{margin-top: 15px;font-size: 20px;}
.lx12 p{color: #222222;margin-top: 15px;}
.lx1 ul li:hover .lx11{background:#3dd1c2;}


.map{width:100%; height: 800px;}
.map #container{width:100%; height: 800px;overflow: hidden;}
.BMap_bubble_buttons{display: none!important;}
.BMap_bubble_title{font-weight: bold;font-size: 16px;width: initial!important;padding-top: 10px;}
.BMap_bubble_content{margin-top: 10px;}
.BMap_bubble_center{width: 90%!important;}
.BMap_bubble_pop{padding: 0 15px!important;}


/* 页码 */
.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; line-height:40px; display:inline-block; margin:0 3px; background:#f4f4f4;}
.pagination li a{width:40px; height:40px; display:block;}
.pagination li a:hover{background:#3dd1c2;color: #fff;}
.pagination li.active{ background:#3dd1c2 !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: #3dd1c2}
/* 详情页 */
.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%;}